zoukankan      html  css  js  c++  java
  • react-hooks

    重点待学习:

    1.使用自定义hook,render props,高阶组件实现逻辑复用 

    2. hook中使用useReducer和react-redux

    3. 其他hook api的使用

    4. 学习hooks的性能优化 

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

    useReducer使用场景:

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

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

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

    组件之间复用状态逻辑:render props方法和高阶组件以及自定义hooks

    忘记正确地处理 componentDidUpdate 是 React 应用中常见的 bug 来源。试例:https://zh-hans.reactjs.org/docs/hooks-effect.html#tip-use-multiple-effects-to-separate-concerns

    使用多个useEffect实现关注点分离:相同逻辑放在同一个useEffect 

  • 相关阅读:
    chapter01 Bob'store
    echo拼接
    《PHP和MySql Web》书,<input>属性
    http协议
    asc18_hpl,hpc,hpcg
    考研北邮总结[转发共享]
    考研经验总结【转发共享】
    ISBN号码 201312-2
    出现次数最多的数 201312-1
    相反数 201403-1
  • 原文地址:https://www.cnblogs.com/ycxqdkf/p/12148662.html
Copyright © 2011-2022 走看看