美文网首页redux学习Redux Redux
更新Redux的store中的数据不再繁琐,一行代码搞定

更新Redux的store中的数据不再繁琐,一行代码搞定

作者: Andy5 | 来源:发表于2017-03-10 17:16 被阅读124次

redux使用太繁琐,想更新store中的数据,要写很多代码

以前在store里新增一个变量(我称之为新增props,下同)需要干这么工作:

1.Constants里面新建的Action常量

2.reducers/app.js,新增对该变量的处理方法switch-case再加一条case语句;

3.action/app.js里,新增一个方法,用来分发该常量;

4.Containers/app.js,引用上一步的方法,并调用;

我整合了一些代码,使更新store中的数据只需要一行代码:

setPropsApp({ variablesName : variablesValue });

setPropsApp:更新APP页面的props变量方法

variablesName :要更新的变量名
variablesValue :要更新的变量新值

详细参见 这里 

欢迎拍砖!!

相关文章

  • 更新Redux的store中的数据不再繁琐,一行代码搞定

    redux使用太繁琐,想更新store中的数据,要写很多代码 以前在store里新增一个变量(我称之为新增prop...

  • Redux

    Redux这个npm包,提供若干API让我们使用reducer创建store,并能更新store中的数据或获取st...

  • 快速上手redux,react-redux中间件

    redux基本用法 redux数据更新流程图 Store管理数据显示UI界面,界面交互触发dispatch(act...

  • Redux和react-redux

    Redux 管理数据状态的js应用工具(状态管理工具) 创建store,创建reducer,帮助store管理更新...

  • Redux

    Redux工作流程 redux主要通过store管理react中的数据流,工作流程如下: 第一步 创建store文...

  • redux 下的 store 中的 state 动态更新

    要想动态的返回 redux 下的store 中的state 动态更新 需要循环下 return 返回

  • 简述 Redux

    redux:解决数据传递问题,把所有数据放在store中传递。 1.基于react什么时候要用redux reac...

  • redux学习笔记

    什么是redux架构 //首先我们应该认识redux的核心store,store直译过来就是仓库,redux概念中...

  • 小程序框架wepy+redux的联合开发小程序

    redux基础 在redux整体框架中,由store统一管理系统数据,因此,需要先设计action,reducer...

  • 理解Redux中间件

    redux的中间件相当于改写store的dispatch方法。redux-applyMiddleware源代码 通...

网友评论

    本文标题:更新Redux的store中的数据不再繁琐,一行代码搞定

    本文链接:https://www.haomeiwen.com/subject/mckogttx.html