如何写好组件

it2022-05-05  129

参考文章:https://overreacted.io/writing-resilient-components/

不阻断数据流时刻准备渲染没有单例组件隔离本地状态

 

1.不阻断数据流

  1)渲染中不要阻断数据流

  2)不要在side-effect中阻断数据流

  3)不要在优化中阻断数据流

  

  错误案例:

    1.把props复制到state 导致忽略了该属性的更新

    2.避免额外的重复渲染(componentDidupdate/componentWillRecieveProps)

 

2.时刻准备渲染

  使用useEffect hock

3.没有单例组件

   

4.隔离本地状态

  " 如果你不确定某个状态是否属于本地,请问自己:“如果此组件呈现两次,交互是否应反映在另一个副本中?” 只要答案为“否”,那你就找到本地状态了 "

 

转载于:https://www.cnblogs.com/LXIN-Y/p/11197551.html


最新回复(0)