React hooks 使用计时器管理 API 调用
我需要执行一个返回 URL 的 fetch API 调用，对返回的 URL 执行一些操作，然后在 60 秒后刷新 URL.这是我可以在没有钩子的情况下轻松实现的事情，但我想要一个钩子解决方案. 重要事项:我不打算将其重构为多个组件，或者为计时器或 API 调用创建自定义挂钩. 编辑:问题是 - 这是在钩子环境中处理计时器的正确方法吗?有没有更好的办法? import React, {
..
react-hooks相关内容
ReactJS Mapbox-gl 无效类型:“容器"必须是字符串或 HTMLElement
我正在使用 ReactJS 和 Mapbox GL JS 构建一个小型应用程序. const MapRender = () =>{const mapContainerRef = useRef(null);const map = new mapboxgl.Map({容器:mapContainerRef.current，样式:“mapbox://styles/mapbox/streets-v11"，
..
React.useMemo 不更新数据
我是钩子的新手.所以这可能很容易，但我不知道如何解决: 我有一个这样的函数，它需要两个数组 columns 和 data .并且这些数据应该被记住，否则它不起作用.(由 react-table 人员推荐) function ReactTable(props) {const columns = React.useMemo(() => props.columns, [])const data
..
是的，非必填字段的验证
我的项目中有一个配置文件创建表单，我使用 react-hooks-form 和 yup 库进行验证. 在表单中有一个名为 Github-Username 的字段，这是可选的.但是我想验证它是否用户输入了用户名并且它应该超过 2 个字符，类似这样. const schema = yup.object().shape({公司:yup.string().min(3).required(),网站
..
clearInterval 不会在 useEffect 中停止我的计数器
我正在尝试在 useEffect React 钩子中使用 setInterval 和 clearInterval .计时器按预期启动，但不会停止.我将 setInterval 分配给 intervalID 然后调用 clearInterval(intervalID) useEffect(() => {console.log(`isRunning 更改为:${state.isRunning}`)
..
在 ag 网格回调中使用状态变量未更新
我在函数isExternalFilterPresent 内使用状态变量query 从不更新.我很困惑，因为 query 的第一个 console.log 会随着查询的每次更改而更新.我想这是因为我不太了解钩子的实现. let gridApi: GridApi |空 = 空；const HouseholdTable = ({accountsData, aggregateEntityTable: {
..
使用条件渲染时，不会调用图像标签上的 React onLoad 事件
我正在使用无状态功能组件在从外部资源加载图像时添加微调器，如下所示: function ExternalImage(props) {const [加载，setLoaded] = useState(false);函数 onLoad() {console.log('加载');设置加载(真)；}返回加载?
..
React Hooks:如何在 useEffect 中设置状态?
我正在尝试从 firebase 获取数据并使用 useState 挂钩将检索到的数据设置为我的状态.我知道我的 API 调用正在工作，因为我可以从 firebase 记录数据，但是当我使用 setState() 时它并没有以我的状态结束，由于某种原因，我最终只有一个空数组处于状态.我错过了什么? const Collection = () =>{const [梦想，setDreams] = us
..
带有打字稿的 React Hooks:类型上不存在属性“数据"
我有一个毫无意义的错误，我正在用钩子输入我的状态的值，但他说错误是不同的类型. 已经尝试过空数组，甚至是带有一些数据的数组，但总是错误相同. import React, { useState } from 'react';从'配置/样式'导入{行，列}；从'./Bed'导入床；接口数据类型{日期:字符串；值:数量；}功能床():JSX.Element {const { data, setD
..
在非 React 组件中使用钩子的替代方法是什么?
我是 React 的新手，我有这个功能. 从“axios"导入 Axios；常量用户服务 = {getUserRole: (access_token: string = "") =>{返回 Axios({方法:“获取"，url: "https:///user/role",标题:{“授权":`Bearer ${access_token}`}}).then((响应) => {返回 response
..
React Hooks 常量组件与功能组件
我有一个在谷歌上搜索后无法弄清楚的问题，我认为最好在这里问.我了解功能组件和类组件之间的区别，但是 const 组件和功能组件之间有什么区别? 例如 const Home = () =>{返回 (
主页)} 到 function Home() {返回 (
主页)} 两者都可以使用钩子，那么主要区别是什么? 解决方案 没有有效的区别.首先
..
使用 useState 存储来自 useQuery 的数据
我使用 React 钩子通过 react-apollo 获取 GraphQL 数据并存储本地状态: const [userData, setUserData] = useState({})const { 加载，错误，数据 } = useQuery(USER_QUERY) 然而，我想知道如何将 data 存储到 userData.这是它应该如何工作的: useEffect(() => {设置用
..
React JS:如何为条件渲染的组件设置动画?
Example 是一个功能组件，我在其中有条件地渲染 div.我希望这个 div 在有条件地呈现时淡入，反之亦然淡出. 为此，我维护了两个本地状态变量:render 和 fadeIn，它们是根据传递给 show 的 prop 计算的strong>示例组件. 我所做的是: 当 show 支持 true 时，我将 render 设置为 true，因此 div 有条件地呈现，在 10m
..
在 React Developer Tool 中显示来自 useState 的状态变量的名称
我正在学习 react-hooks，我使用 useState 创建了一系列状态变量，当尝试调试并查看其值时，我发现 React Developer Tool 没有显示分配给状态变量的名称，而是显示文本状态，这不方便，因为无法从一开始就确定要调试的变量是哪个变量 更新 1 这是当前的源代码 import React, { useState, useEffect, Fragment }
..
在 useRef() 中存储回调
这是一个可变引用的例子，它存储了来自 Overreacted 的当前回调博客: function useInterval(callback, delay) {const savedCallback = useRef();//在第二个效果之前更新 refuseEffect(() => {savedCallback.current = 回调；//将回调保存在可变引用中});useEffect(()
..
为 useHistory 钩子模拟 react-router-dom 会导致以下错误 - TS2698:Spread types may only be created from object types
我试图在我的一个测试用例中模拟 react-router-dom，以便 useHistory 钩子在我的测试中起作用.我决定使用 jest.mock 来模拟整个模块，并使用 jest.requireActual 来保留我可能不想模拟的其他属性. jest.mock('react-router-dom', () => ({...jest.requireActual('react-router-do
..
React 16.7 Hooks:`react.useState` 不是一个函数
我正在尝试带有 react 16.7 钩子的功能组件，有一个错误: src/components/Footer/index.js function Footer() {const [selectedTab, setSelectedTab] = useState('redTab');const [隐藏，设置隐藏] = useState(false);const [fullScreen, se
..
反应警告超过最大更新深度
这是这个问题的后续问题，最接近我的问题: useEffect 中的无限循环 我正在创建一个小型 React.js 应用程序来研究该库.我收到此警告: 已超出最大更新深度.当组件在 useEffect 中调用 setState 时，可能会发生这种情况，但 useEffect 要么没有依赖项数组，要么每次渲染时依赖项之一发生变化. 我得到了一个功能组件，里面有这个代码: co
..
具有通用类型 TypeScript 的自定义钩子
我在为自定义钩子 usePagination 制作接口时遇到问题.我需要帮助将这个钩子创建为通用的，因为此时接口 User 与其余接口无关.dataEntries 是具有 id、firstName 和 lastName 的用户数组.ElementsOnPage 默认设置为 50. function usePagination(dataEntries,elementsOnPage = 50) {c
..
React - 在获取数据并使用该数据设置状态后，您如何清理 useEffect()?
我正在使用钩子 useEffect 向我的服务器发出提取请求，但我不断收到此警告: 警告:无法对卸载的组件执行 React 状态更新.这是一个空操作，但它表明您的应用程序中存在内存泄漏.要修复，请取消 useEffect 清理函数中的所有订阅和异步任务. 我了解此警告的原因，但我该如何清理它?我尝试了本文中建议的方法但没有成功:https://dev.to/pallymore/clea
..