React-Redux系列5:代码优化

本节主要针对之前的ToDoList代码做下优化

(1)删除无用构造器

  

  

   

(2)解构赋值优化this.props取值

  

  优化如下

  

注意位置:
    解构赋值语法定义的局部变量要写在render内部

(3)无状态UI组件抽离

  将当前组件的render内部抽离出来

  无状态组件的优点:

1、大大提高了组件渲染性能
2、不用继承Components
3、不用管理状态
4、只是个纯函数/方法

  

分析:
    从这里也可以看出react-redux的好处,即可以将有状态组件逐步拆分为无状态组件。
  大型项目里,拆分越细,可服用程度越高。

  

  

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/12503959.html