Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的
在本节中,你将学习到,如何拆分容器组件,UI组件(无状态组件),让组件尽可能的保持功能的单一,减少组件的状态的
容器组件...,保持各组件的功能单一,组件的状态交给容器组件去维护,容器组件通过props把状态传递给UI组件
在根目录下创建一个components文件夹,然后将上面父组件的TodoList的render函数返回的内容...(TodoList)中,如下所示,主要是将父组件中的render函数返回的内容,直接返回一个组件的,而子组件的渲染通过外部的props值给传进去,关注render函数的返回内容
import React...,分离出了UI组件,实际上就如下图的关系
关于state状态通过容器组件来获取,然后通过props传递给UI组件,让组件更少的涉及到状态的维护,避免分散在各个组件中
结语
在React中,对于组件的职责功能划分...,并没有严格的条条框框限定,这也并不是React独有的功能,在父组件中获取状态数据,而通过自定义属性props的方式,在组件内部通过this.props或者props进行接收,这样能够减少组件的状态分散在各处的