redux与react-redux的使用总结

[gdutwyg]

一个简单的react-redux的项目一般都包括reducers, action , component , container。

• reducers 定义state的变化后的返回，还有初始值。
• action 定义的是改变state所需要的数据的函数，它不参与如何改变state，仅仅是供reducers调用。
• component 定义的是纯函数/组件，不涉及到redux；
• container 定义的是和redux的交互，定义mapStateToProps，mapDispatchToProps，引入react-redux的connect，component，将mapStateToProps里的state，mapDispatchToProps的函数通过props传给component

reducers 定义好后，需要在根组件下使用redux提供的createStore调用，然后通过react-redux提供的provider把createStore返回的store传给子组件。

以上只是简单的描述，具体的代码可以查看这个demo，可以会更深刻一点。