关于state和组件拆分

Question

老师好~~
问题一：我们使用了redux和react-redux之后，感觉所有数据都可以存在store中由reducer管理，那什么时候我们会在组件的constructor中使用this.state定义组件自己的状态呢？还是说所有状态都可以作为数据交给reducer管理…
问题二：这个项目根据UI组件和容器组件进行组件的拆分的逻辑是：每个顶层组件是一个UI组件，对应一个页面，其中的子组件都是容器组件吗？（子组件再进行组件拆分是否有必要？）

Answer 1

吕小鸣 2019-07-20 16:34:14

同学你好。

问题一：并不是所有的数据都要放在reducer里管理，这完全没必要，而且很麻烦，如果数据只在当前页面用，没有什么共享的逻辑，完全可以在自己组件里定义即可，然后setState去使用。视频课程里应该有这种情况。

问题二：每个页面顶层一个UI组件，这个是个人的规范，对于多页面的情况，可以这样用，如果是单页面SPA，也可以所有页面使用一个UI顶层组件。其它子组件也不是容器组件，不太确定你是怎么定于容器组件的，页面经过拆分后，可以分成若干个子组件，和若干个父组件等等，父组件包括子组件，子组件不止可以用在这个页面，也可以复用爱其它页面中。组件的拆分根据UI的逻辑复杂程度定，比较主观。