redux文档

入口:routers.js
根据对应的path和component进入对应的模块
在对应的container里面
 初始化:
this.props.dispatch(fetchTasks('http://socialportal.d0877.alipay.net'));
fetchTasks是action里面的方法
action里面调用
return dispatch => {
dispatch(receiveTasks('{result:[{id:1,name:"测试1",type:"test"},{id:2,name:"测试2",type:"test"},{id:3,name:"测试3",type:"test"}]}'));
  }
然后通过这一段代码
function mapStateToProps(state) {
console.log(state);
return {
tasks: state.myTasks.tasks
};
}
export default connect(mapStateToProps)(Tasks);//Task是当前的react对象
连接reducers里面的index.js文件
上面的dispatch就可以调用到reducers文件夹里面对应的方法
里面通过判断action.type来处理对应的数据返回新的stat给之前的mapStateToProps
使用在方法里面更新props的属性值(例如列表需要的数据等等)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值