react-hooks

Posted 2020-11-24 ycxqdkf

    

setState推荐用法：setCount(c => c +1);

 

useReducer使用场景：


useReducer 会比 useState 更适用，例如 state 逻辑较复杂且包含多个子值，或者下一个 state 依赖于之前的 state 等。并且，使用 useReducer 还能给那些会触发深更新的组件做性能优化，因为你可以向子组件传递 dispatch 而不是回调函数 。

 

 

只有 当函数（以及它所调用的函数）不引用 props、state 以及由它们衍生而来的值时，你才能放心地把它们从依赖列表中省略。

 推荐的修复方案是把那个函数移动到你的 effect 内部。这样它就不用出现在它的依赖列表中了,而且能很容易的看出来你的 effect 使用了哪些 props 和 state，并确保它们都被声明了：