基于 这为 老兄的
1、增加actionType;
action动作类型,常量
export const INCREMENT = 'INCREMENT';
2、增加aciton;
2.1引入ActionType;
2.2 增加action处理纯函数,返回action对象;
3、增加reducer;
3.1当dispatch一个action后,reducer会更具actiontype进行state操作。
reducer 接受旧的state,和 action 返回一个新的state。
4、增加container;
在这里调用组件,并进行连接 connect
connect 用法 http://www.jianshu.com/p/94c988cf11f3
第一个参数为mapStateToProps 就是把state转换成props,
export default connect(state => ({
state: state.counter
}),
(dispatch) => ({
actions: bindActionCreators(counterActions, dispatch)
})
)(CounterApp);
上面 state:state.counter 这个counter 为合并之前的一个 reducer的名字 ,counterAction 就是一个action了。
5、增加component;
正常使用props 就可以了