redux

依赖包 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) 调用