如何写好组件

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

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

 

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