redux

作者: 秋天de童话 | 来源:发表于2018-08-25 16:40 被阅读13次

依赖包 npm i redux react-redux -S

import { createStore } from 'redux';
import { Provider } from 'react-redux';
import { reducer } from './reducers/ToDoReducer.js';
let store = createStore(reducer);
ReactDOM.render(<Provider store={store}>
  <App />
</Provider>, document.getElementById('root'));

对组件进行连接

import { connect } from 'react-redux';
export default connect(getProps )(App);   // 提供this.props获取state的快捷方式，返回对象

元素介绍
- reducer .js
  - 按名称导出一个reducer函数，参数state,action，相当于处理数据的中转，根据action.type指令进行操作
  - _注意：不要更改原数据，return新数据
- action：
  - ```
  {
    type:'指令名称',//建议叫这个名字，不叫我没拿你没辙
       data: any
  }
```
- this.props.dispatch(action) 调用