redux的认识

桃扇骨 2022-09-29 04:20 162阅读 0赞

// 首先定义一个改变数据的plain函数，成为reducer  
function count (state, action) \{  
    var defaultState = \{  
        year: 2015,  
      \};  
    state = state || defaultState;  
    switch (action.type) \{  
        case 'add':  
            return \{  
                year: state.year + 1  
            \};  
        case 'sub':  
            return \{  
                year: state.year - 1  
            \}  
        default :  
            return state;  
    \}  
\}  
  
  
// store的创建  
var createStore = require('redux').createStore;  
var store = createStore(count);  
  
  
// store里面的数据发生改变时，触发的回调函数  
store.subscribe(function () \{  
      console.log('the year is: ', store.getState().year);  
\});  
  
  
// action: 触发state改变的唯一方法(按照redux的设计思路)  
var action1 = \{ type: 'add' \};  
var action2 = \{ type: 'add' \};  
var action3 = \{ type: 'sub' \};  
  
  
// 改变store里面的方法  
store.dispatch(action1); // 'the year is: 2016  
store.dispatch(action2); // 'the year is: 2017  
store.dispatch(action3); // 'the year is: 2016

发表评论取消回复

表情：

评论列表（有 0 条评论，162人围观）

还没有评论，来说两句吧...

相关阅读

相关 Redux的学习

前言记得开始接触 react 技术栈的时候，最难理解的地方就是 redux。全是新名词：reducer、store、dispatch、middleware 等等，我...

迷南。/ 2024年04月18日 16:25/ 0 赞/ 65 阅读

相关 redux

https://cn.redux.js.org/ npm install --save redux npm install --save react-redux npm in

朴灿烈づ我的快乐病毒、/ 2022年11月25日 04:04/ 0 赞/ 184 阅读

相关 Redux—redux-thunk——combineReducers

任何对数据的才做都会经理renducer，reducer要求是个纯函数（在函数内部不能修改函数的参数(输入)，要有返回值），它的功能是：传入旧的state，根据action对s

小灰灰/ 2022年11月22日 02:49/ 0 赞/ 192 阅读

相关 redux的认识

// 首先定义一个改变数据的plain函数，成为reducer function count (state, action) \{ var defaultSta

桃扇骨/ 2022年09月29日 04:20/ 0 赞/ 163 阅读

相关 React + Redux + express+ antd 架构的认识

　　在过去的两周里，我使用这套技术栈进行项目页面的开发。下面是我个人的对于项目的一些看法：　　首先：是项目的调试，我深表压力很大，项目是使用fibber去抓包调试的，也不知

「爱情、让人受尽委屈。」/ 2022年05月23日 02:04/ 0 赞/ 165 阅读

相关 Redux之redux-actions的使用

1：作用：当我们的在开发大型应用的时候，对于大量的action，我们的reducer需要些大量的swich来对action.type进行判断。 redux

快来打我*/ 2022年05月20日 09:04/ 0 赞/ 305 阅读

相关 react redux redux-saga

react是前端view框架 redux是前端状态管理器 redux-saga是redux的升级版，异步状态管理 `saga.js`管理异步状态变更，一般是

柔光的暖阳◎/ 2022年02月18日 11:11/ 0 赞/ 286 阅读

相关 Fish Redux系列学习之认识effect、reducer

继续前面两篇文章： [Fish Redux系列学习之初探][Fish Redux] [Fish Redux系列学习之新建page以及认识state][Fish Redux_

待我称王封你为后i/ 2021年08月24日 23:46/ 0 赞/ 401 阅读

相关 Fish Redux系列学习之认识view、action

继续上一篇文章： [Fish Redux系列学习之新建page以及认识state][Fish Redux_page_state] ![在这里插入图片描述][waterma

布满荆棘的人生/ 2021年08月24日 21:50/ 0 赞/ 291 阅读

相关 Fish Redux系列学习之新建page以及认识state

继续上一篇的学习，现在我们将fishredux导包。 pubspec.yaml文件： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5na

约定不等于承诺〃/ 2021年06月10日 20:37/ 0 赞/ 303 阅读