为什么“useState"钩子在是函数引用时调用初始状态?
React 有一个名为 useState 的钩子，它在向功能组件. Hooks API 参考 指出: useState: const [state, setState] = useState(initialState); 返回一个有状态的值，以及一个更新它的函数. 在初始渲染期间，返回的状态 (state) 与作为第一个参数传递的值 (initialState) 相同.
..
react-hooks相关内容
在 HoC 中使用 React 钩子时的警告
我创建了一个高阶组件，它应该为我的组件添加一些额外的功能.但是，当我在这个组件中使用 react hooks 时，我收到以下 eslint 警告. React Hook "React.useEffect" 不能在回调中调用.反应钩子必须在 React 函数组件或自定义 React 中调用挂钩功能.(反应钩子/钩子规则) 为什么我会收到此警告?在 HoC 中使用钩子被认为是不好的做法吗?
..
无法使用 setstate 挂钩复制数组
每当我尝试更新未更新的挂钩时，我都会使用 axios 从后端获取数据.数据是 JSON，我从中提取数据并尝试设置元素.听起来可能很傻，但有人能告诉我什么是依赖数组吗? 我一直收到这个 第 18 行:React Hook useEffect 缺少依赖项:'elements'.包括它或删除依赖数组 react-hooks/exhaustive-deps 这是代码 import Reac
..
反应 set(a) 和 set(a => a) 的差异
case1 和 case2 有什么区别? const [a, setA] = useState(0);setA(a + 1);//情况1setA(a => a + 1);//案例2 解决方案 setA(a + 1); 将从当前外壳的 a 值更新. setA(a => a + 1); 将从前一个状态的值更新 尝试将其中一个的多个入队，看看有什么不同. const clickHandl
..
用钩子反应渲染两次
为什么我的组件渲染了两次? 导出默认函数 App() {console.log("asd");const [count, setCount] = useState(0);返回 (
{设置计数(计数 + 1)；}}/>);}//控制台=“asd"“asd" 它呈现两次，但如果我删除 useState 它不会发生 解决方
..
React Hooks:将对象作为 useEffects 中的依赖项处理
更新:对于用例 1，是的，如果我在 useEffect 之外提取 search.value 并将其用作依赖项，则它可以工作. 但我在下面有一个更新的用例 用例 2:我想将 searchHits 对象传递给服务器.服务器反过来将其返回给我，并带有更新的值作为响应.如果我尝试使用 searchHits 对象，我仍然会遇到无限循环 状态:{可见:真实，加载:假，搜索: {价值: ""，se
..
React-Router:为什么反应中的 useHistory 未定义?
我有这个.它与文档中所说的完全相同.我认为 react-router-dom 模块很好，因为在其他组件中，BrowserRouter、Router 和 Link 对我有用 import { useHistory } from “react-router-dom";从“反应"导入反应导出默认函数 HomeButton() {让历史 = useHistory()函数 handleClick() {h
..
使用去抖动的 onChange 处理程序设置输入值
在我的 React Hooks 应用程序中，我需要让用户在输入字段中输入 1000 毫秒.当 1000 毫秒到期时，会发送一个带有输入值的 API 请求. testFunc2(evt.target.value)}/> 值在testFunc2(evt.target.value)中设置: const testFunc2 = useCallback(debounce((text) => setNa
..
如何通过更改 useState 来测试 React Hooks 组件
我有一个 React hooks 功能组件，我想用 Jest/Enzyme 测试它.我想根据 useState 值测试其三级渲染行为.我似乎无法在网上找到任何示例.没有“点击"来模拟——没有 API 调用来模拟，因为最后，我仍然需要根据 useState 值进行测试.过去，使用类组件，我可以设置状态.有了新的钩子，我不能.所以，基本上 - 我如何在模拟的 submitForm 函数中模拟异步等待，
..
获取api时未调用useEffect且未更新状态
我正在使用 useEffect 钩子从天气 api 获取数据并正确声明依赖项.我的状态仍未更新，因此我的渲染函数出现错误.我几乎尝试了从摆脱依赖数组到在依赖数组中声明倍数的所有方法.我不知道我的功能有什么问题.API 的 JSON 响应格式如下: {地点: {名称:“巴黎"，地区:“法兰西岛"，},当前的: {last_updated_epoch:1564279222，last_updated:
..
React Custom Hooks 全局获取数据并跨组件共享?
在这个来自 https://reactjs.org/docs/hooks-custom.html 的反应示例中，在 2 个不同的组件中使用自定义钩子来获取用户的在线状态... function useFriendStatus(friendID) {const [isOnline, setIsOnline] = useState(null);useEffect(() => {函数handleSta
..
使用 useReducer 持久化 localStorage
我有一个使用 useState 的迷你购物车应用程序.我现在想重构由 useReducer 管理的应用程序状态，并继续使用 localStorage 保存数据. 我在弄清楚如何重构时遇到了麻烦，其中涉及到许多动人的部分.我如何重构 addToCartHandler 中的逻辑以在 ADD_TO_CART 案例中使用?从那里，我相信我能够找出 cartReducer 中其他情况的模式.谢谢.
..
在事件处理程序中进行 setState 调用后，React 何时重新渲染
来自 React 文档: https://reactjs.org/docs/state-and-lifecycle.html 状态更新可能是异步的 React 可以将多个 setState() 调用批处理为单个更新以提高性能. 这完全有道理.如果你有类似下面的函数，在每个 setState 调用 上重新渲染会非常低效 const [state1,setState1] =
..
反应 useContext() 性能，自定义钩子内的 useContext
我使用了一个使用 React Hooks 的结构.它基于一个全局的 Context ，其中包含了 reducer 的组合(如在 Redux 中).此外，我广泛使用 自定义钩子 来分离逻辑.我有一个包含异步 API 请求的钩子，它变得非常麻烦，我有机会将这个钩子的几乎每个函数拆分成其他钩子，但是这些函数中的每一个都使用全局上下文(更准确地说 - 从 useReducer() 调度)). 所以，
..
“官方"中的潜在错误useInterval 示例
useInterval useInterval 来自 这篇由 Dan 撰写的博文阿布拉莫夫(2019): function useInterval(callback, delay) {const savedCallback = useRef();//记住最新的回调.useEffect(() => {savedCallback.current = 回调；}， [打回来]);//设置间隔.us
..
从 React 的 useState 钩子改变状态
是吗?为什么从 React 的新 useState 钩子改变状态是个坏主意?我没有找到有关该主题的信息. 考虑以下代码: const [values, setValues] = useState({})//doSomething 可以在每次渲染时调用一次或多次const doSomething = (name, value) =>{值[名称] = 值setValues({ ...value
..
如何使用“useRouter()"来自类组件中的 next.js?
我试图通过使用“next/router"中的 useRouter() 从我的 url 模式中获取查询，例如 localhost:3000/post?loc=100使用该 ID 从我的服务器获取一些数据.当我在无状态功能组件中使用它时，它起作用了. 然后页面显示“无效的钩子调用".我尝试调用无状态功能组件的 getInitalProps()，但它也没有在那里工作并显示相同的错误.使用这种方法有
..
使用反应钩子将数据传递给兄弟组件?
我想将一个变量“用户名"从兄弟 1 组件传递给兄弟 2 组件并在那里显示. Sibling1 组件: ´´´ const mirror1 = ({usernameData}) =>{const [username, setUsername] = useState("");//我想将从输入中获得的用户名值传递给sibling2 组件const handleChange = 事件 =>{
..
带有功能组件的 WebSockets
我在我的 React 应用程序中使用 websockets.应用程序应该仅由功能组件组成. 想象一下应用程序由两个“标签"组成:一个不相关，另一个是使用 websockets 的聊天.鉴于此，我们希望在用户进入聊天选项卡后建立一个 websocket 连接. 组件应该如何处理websocket对象?由于我们希望在用户切换回另一个选项卡时进行清理(WebSocket.close())，因
..
如何让 React Portal 与 React Hook 一起工作?
我特别需要在浏览器中监听自定义事件，然后我有一个按钮可以打开一个弹出窗口.我目前正在使用 React Portal 打开另一个窗口(PopupWindow)，但是当我在里面使用钩子时它不起作用 - 但如果我使用类就可以工作.通过工作，我的意思是，当窗口打开时，两者都显示其下方的 div，但带有钩子的 div 在事件数据刷新时将其擦除.要进行测试，请将窗口打开至少 5 秒钟. 我在 CodeS
..