React Hooks-useReducer:在触发函数之前等待reducer完成
我有使用 useReducer 挂钩的组件: const init = {statA:是的，statB:true};const reducer =(状态，操作)=>{开关(action.type){案例"ActionA":return {... state，statA:！state.statA};案例"ActionB":return {... state，statB:！state.statB}
..
react-hooks相关内容
为什么当'useState'钩子是函数引用时，它会调用初始状态?
React有一个名为 useState 的钩子，该钩子在向其中添加状态时使用功能组件. Hooks API参考指出: useState : const [state，setState] = useState(initialState); 返回一个有状态值，以及一个更新它的函数. 在初始渲染期间，返回的状态( state )与作为第一个参数( initialState )传
..
无法使用setstate钩子复制数组
每当我尝试更新未更新的挂钩时，我都会使用axios从后端获取数据.数据是从中提取数据并尝试设置元素的JSON.听起来很傻，但是有人可以告诉我什么是依赖数组吗? 我不断得到这个 第18行:React Hook useEffect缺少依赖项:'elements'.要么包含它，要么删除依赖项数组react-hooks/exhaustive-deps 这是代码 从'react'导入Reac
..
React Hooks:将对象作为useEffects中的依赖项进行处理
更新:对于用例1，是的，如果我在useEffect之外提取search.value并将其用作依赖项，那么它将起作用. 但是我下面有一个更新的用例 用例2 :我想将searchHits对象传递给服务器.服务器随后将其以更新的值返回给我，以作为响应.如果我尝试使用searchHits对象，仍然会遇到无限循环 状态:{可见:正确，载入中:false，搜索: {价值: ""，searchHi
..
提取api时未调用useEffect且未更新状态
我正在使用useEffect挂钩从天气api获取数据，并正确声明依赖项.我的状态仍然没有更新，因此我的渲染函数出现错误.我已经做了很多尝试，从摆脱依赖关系数组到在依赖关系数组中声明倍数.我不知道我的功能出了什么问题.API的JSON响应采用以下格式: {地点: {名称:“巴黎"，地区:“法兰西岛"，}，当前的: {last_updated_epoch:1564279222，last_updat
..
反应:useEffect vs useMemo vs useState
我试图在网上找到一个简洁的答案，但是没有运气. 关于 useEffect ， useMemo 和 useState 之间的区别，以下说法正确吗? 两者 useState 和 useMemo 都会记住渲染中的值.区别在于: useMemo 不会引起重新渲染，而 useState 会导致 useMemo 仅在其依赖项(如果有)更改时运行，而 setSomeState ( useStat
..
反应useContext()的性能，自定义钩子内的useContext
我使用的结构是反应钩子.它基于全局上下文，其中包含减速器的组合(如Redux中所示)).另外，我广泛使用自定义钩子来分隔逻辑.我有一个包含异步API请求的钩子，它变得非常繁琐，而且我有机会将这个钩子的几乎每个功能都拆分为其他钩子，但是每个这些函数都使用了全局上下文(更确切地说，是从useReducer()调度). 问题: 可以在每个需要它的钩子中使用useContext()吗? 例如
..
具有功能组件的WebSocket
我在我的React应用程序中使用websockets.该应用程序应该仅由功能组件组成. 想象一下，该应用程序由两个“选项卡"组成:一个不相关，另一个则是使用websocket进行的聊天.鉴于此，一旦用户进入聊天标签，我们就希望建立一个websocket连接. 组件应如何处理websocket对象?由于一旦用户切换回另一个选项卡( WebSocket.close())，我们就希望清理，这
..
useState钩子，setState函数.访问以前的状态值
这两个等价吗?如果不是，那是最好的，为什么? const [count，setCount] = useState(initialCount);setCount(count + 1)}> + const [count，setCount] = useState(initialCount);
..
如何在反应中验证多步表单
我有一个多步骤的表单，我正在使用react制作，以进行验证，而我正在使用 react-hook-form . 我已经实现了90％的目标，而我所面对的一件事就是获取动态的第二个表单数据. 我在做什么 在我的第一个表格中，当我填写(已验证)两个字段时，我将转到下一个表格 在我的下一个表单中，我有两个输入字段，并且在添加按钮上，用户也可以添加多行字段，并且这些行都很好 问题
..
在事件处理程序内进行setState调用后，React何时重新渲染
从React DOCS: https://reactjs.org/docs/state-and-lifecycle.html 状态更新可能是异步的 React可以将多个setState()调用批处理为一个更新，以提高性能. 这很有道理.如果您具有类似以下功能的内容，则在每次 setState 调用 时重新渲染效率非常低下 const [state1，setState1
..
从React的useState挂钩中更改状态
是的，为什么从React的新useState挂钩中改变状态是一个坏主意?我没有找到有关该主题的信息. 考虑以下代码: const [values，setValues] = useState({})//doSomething可以在一次渲染中被调用一次或多次const doSomething =(名称，值)=>{值[名称] =值setValues({... values})} 请注意值的
..
如何使React Portal与React Hook一起使用?
我特别需要在浏览器中侦听自定义事件，从那里，我有一个可以打开弹出窗口的按钮.我目前正在使用React Portal打开另一个窗口(PopupWindow)，但是当我在其中使用钩子时不起作用-但如果我使用类则可以.通过工作，我的意思是，当窗口打开时，两个窗口都显示其下方的div，但是当事件数据刷新时，带有钩子的窗口将擦除该div.要进行测试，请将窗口打开至少5秒钟. 我在CodeSandbox
..
您可以使用React钩子早日返回吗?
React文档明确指出， import从“反应"中反应；从"react-dom"导入ReactDOM；函数App(){const [state1，setState1] = React.useState(1);如果(state1 === 3){返回
状态1为3
..
React useReducer:如何组合多个reducer?
我不是Java语言专家，所以我想知道是否有人采用“优雅"的方式来组合多个reducer以创建全局状态(如Redux).状态更新多个组件等时不影响性能的功能. 假设我有一个store.js import"react"中的React，{createContext，useReducer};从"./Rootreducer"导入Rootreducer导出const StoreContext = c
..
React钩子:什么/为什么使用useEffect?
关于新近提出的反应效果挂钩; Effect 钩子( useEffect())的优点和用例是什么? 为什么更可取&与 componentDidMount/componentDidUpdate/componentWillUnmount (性能/可读性)有什么区别? 文档指出: 在功能组件的主体内(称为React的渲染阶段)，不允许进行突变，订阅，计时器，日志记录和其他副作用.
..
使用React钩子实现一个自增计数器
代码在这里: https://codesandbox.io/s/nw4jym4n0 导出默认值({name}:Props)=>{const [counter，setCounter] = useState(0);useEffect(()=> {const interval = setInterval(()=> {setCounter(counter + 1);}，1000)；return()=>{
..
什么时候使用无依赖vs.直接分配的useEffect?
我正在编写一个React挂钩，允许我在组件中使用 setInterval .为此，我需要将最新版本的回调保留在ref中，以便以后可以从时间间隔的范围进行访问. 到目前为止，这是我的代码: 从导入 import {useRef，useEffect}导出默认函数useInterval(回调:()=>空白，延迟:数字|空值，){const callbackRef = useRef(回调)//
..
我应该在哪里声明在useEffect()挂钩内调用的函数?
因此，当使用 useEffect 调用依赖于状态的函数时，我会遇到以下情况. 示例: //内置APP组件const [someState，setSomeState] = React.useState(0);const [someTrigger，setSomeTrigger] = React.useState(false);函数someFunction(){返回someState +1;}R
..
确定反应中已选中复选框的方法(useState)
这是我第一次开发React应用程序.我试图在表格的每一行中实现复选框，并检查选中了哪些行. 我使用了 useState 钩子来进行checked和onChange事件，但是当我选中然后取消选中该复选框时，值似乎没有刷新. 我想问一下如何添加逻辑以删除钩子上未勾选的值. T1复选框A-已选中复选框B-已选中CheckedMap- A，B T2复选框B-未选中CheckedMa
..