redux文档

最新推荐文章于 2020-01-31 13:02:09 发布

__LLLL__

最新推荐文章于 2020-01-31 13:02:09 发布

阅读量457

点赞数

分类专栏： js 文章标签： js redux

本文链接：https://blog.csdn.net/lilei_ndsc/article/details/51568745

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

入口：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的属性值（例如列表需要的数据等等）