在上几节内容中,我们将todolist的组件进行了拆分,拆分成UI组件(无状态组件)和容器组件,将Reudcer按照各个职责进行管理
虽然已经做了简化,但是想更进一步更好的组织我们的代码,那么可以使用react-redux...或yarn add react-redux
安装完成后,可以在根目录的package.json中查看是否有的
对于理解 react-redux中的 Provider和 connect,有必要再次回顾一下之前学过的...component)和容器组件(container component)
UI 组件有以下几个特征
只负责 UI 的呈现,不带有任何业务逻辑,
没有状态,UI的渲染通过外部的props传入(即不使用this.state...)
容器组件的特征与UI组件相反
负责管理数据和业务逻辑,不负责 UI 的呈现
带有内部状态(state)
使用 Redux 的 API(下面会有具体的例子),比如:dispatch,getState,...mapStateToProps会订阅 Store,每当 state更新的时候,就会自动执行,重新计算 UI 组件的参数,从而触发 UI 组件的重新渲染。