1- 定义actions 只是单纯的做数据传递
import { INCREMENT, DECREMENT } from '../constants';//省略index.js
export const increment = (name) => {
return {
type: INCREMENT,
name
}
};
export const decrement = () => {
return {
type: DECREMENT
}
};
2- 绑定事件
const {dispatch} = this.props;
onClick={ ()=> dispatch(increment("River"))}
- 事件和页面分离;
在想添加事件的地方添加事件
3- reducers处理逻辑的聚合
- 传入旧的state和action返回新的state
import rootReducer from './reducers’;
- 事件分离
- state数据聚合
网友评论