Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的
在本节中,你将学习到,如何拆分容器组件,UI组件(无状态组件),让组件尽可能的保持功能的单一,减少组件的状态的
容器组件...(聪明组件)
在使用Redux中,无非就是做两件事情
如何获取store的状态(组件中通过getState方法获取),并且初始化组件的状态(在Reducer纯函数中初始化),同时还需要监听store...state给store
根据当前的props和state,渲染出用户界面
在React开发里,让一个组件专注做一件事情,是封装组件的一个基本原则,如果你发现编写的组件做的事情太多了,那么就可以把组件拆分成若干粒度的小组件的...,换句话说,只根据外部组件的props进行渲染组件的
好处:拆分成容器组件与UI组件,不仅仅是功能上的分离,还有就是它无状态了,让UI组件只根据props来渲染UI,不需要state,让UI组件无状态,...组件,实际上就如下图的关系
关于state状态通过容器组件来获取,然后通过props传递给UI组件,让组件更少的涉及到状态的维护,避免分散在各个组件中
结语
在React中,对于组件的职责功能划分,并没有严格的条条框框限定