码迷,mamicode.com
首页 > 其他好文 > 详细

Redux 理解

时间:2017-05-08 01:23:11      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:rip   reduce   lte   case   []   efault   state   false   ogg   

1: state 就像 model

{
    todos: [{
        text: ‘Eat food‘,
        completed: true
    }, {
        text: ‘Exercise‘,
        completed: false
    }],
    visibilityFilter: ‘SHOW_COMPLETED‘
}

 

2: action, 普通的 javascript 对象, 用来描述发生了什么

{ type: ‘ADD_TODO‘, text: ‘Go to swimming pool‘ }
{ type: ‘TOGGLE_TODO‘, index: 1 }
{ type: ‘SET_VISIBILITY_FILTER‘, filter: ‘SHOW_ALL‘ }

 

3. 为了把 action 和 state 串起来, 就是 reducer, 例如下面:

function todos(state = [], action) {
    switch (action.type) {
        case ‘ADD_TODO‘:
            return state.concat([{ text: action.text, completed: false }]);
        default:
            return state;
    }
}

 

Redux 理解

标签:rip   reduce   lte   case   []   efault   state   false   ogg   

原文地址:http://www.cnblogs.com/zhengming2016/p/6822918.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!