redux文档

最新推荐文章于 2017-02-04 18:23:11 发布

原创最新推荐文章于 2017-02-04 18:23:11 发布 · 476 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #redux

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个React应用如何加载并展示任务列表的过程。从路由配置到组件初始化，再到状态管理和数据请求的具体实现，包括如何通过dispatch调用actions及reducers进行状态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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