Redux

2019-02-23  本文已影响0人  晴天的晴q

store 修改数据的工作流程

注意:
1. store 是唯一的
2. 只有 store 能改变自己的内容
3. reducer 必须是纯函数
    纯函数:给定固定的输入,就一定会有固定的输出,而且不会有任何副作用

Redux 核心 API

(1)createStore:创建一个 store

(2)store.dispatch():派发 action,传递给 store

(3)store.getState():获取 store 里面所有的数据内容

(4)store.subscribe():订阅 store 的改变

react-redux

(1)核心组件:Provider(一般用于App.js包裹组件)

<Provider store={store}></Provider>,Provider 里所有的组件都有能力去使用 store 里的数据, 换句话说,Provider 把 store 里的数据都提供给了它包含的组件。

(2)connect 方法:帮助 Provider 组件包含的组件与 store 建立连接的方法

使用方法:<1> export default connect( mapStateToProps, mapDispatchToProps )( 组件名 )

connect 接收两个映射的参数:

const mapStateToProps = ( state ) => { return {} };

const mapDispatchToProps = ( dispatch ) => { return {} }

上一篇下一篇

猜你喜欢

热点阅读