7 redux 三大原则

怼烎@ 2023-02-27 15:57 1阅读 0赞

### **单一数据源** ###

整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。

console.log(store.getState())

/\* 输出\{

visibilityFilter: 'SHOW\_ALL',

todos: \[

\{

text: 'Consider using Redux',

completed: true,

\},

\{

text: 'Keep all state in a single tree',

completed: false

\}

\]\}\*／

## ##

### **State 是只读的** ###

唯一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。

store.dispatch(\{

type: 'COMPLETE\_TODO',

index: 1\})

store.dispatch(\{

type: 'SET\_VISIBILITY\_FILTER',

filter: 'SHOW\_COMPLETED'\})

## ##

### **使用纯函数来执行修改** ###

想要改变state，你需要编写 reducers。

Reducer 只是一些纯函数（同样的输入参数就有同样的输出结果），它接收先前的 state 和 action，并返回新的 state。

function visibilityFilter(state = 'SHOW\_ALL', action) \{

switch (action.type) \{

case 'SET\_VISIBILITY\_FILTER':

return action.filter

default:

return state

\}

\}

function todos(state = \[\], action) \{

switch (action.type) \{

case 'ADD\_TODO':

return \[

...state,

\{

text: action.text,

completed: false

\}

\]

case 'COMPLETE\_TODO':

return state.map((todo, index) => \{

if (index === action.index) \{

return Object.assign(\{\}, todo, \{

completed: true

\})

\}

return todo

\})

default:

return state

\}

\}

import \{  combineReducers, createStore \} from 'redux'

let reducer = combineReducers(\{  visibilityFilter, todos \})

let store = createStore(reducer)

发表评论取消回复

表情：

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

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

相关阅读

相关软件测试的7大原则

今天给大家说说软件测试的7大原则。软件测试的七个原则是指在进行软件测试时需要遵循的基本准则。这些原则帮助测试人员更有效地找到软件中的缺陷，从而提高软件质量。下面我将详细介绍

川长思鸟来/ 2023年10月12日 15:10/ 0 赞/ 22 阅读

相关软件设计七大原则：（三）单一职责原则

一、单一职责原则简介定义：不要存在多于一个导致类变更的原因一个/类/接口/方法只负责一项职责优点：降低类的复杂度、提高类的可读性，提高系统可维护性

悠悠/ 2023年10月06日 10:36/ 0 赞/ 59 阅读

相关面向对象设计7大原则

转自：[https://www.cnblogs.com/sunflower627/p/4718702.html][https_www.cnblogs.com_sunflower

灰太狼/ 2023年06月17日 12:59/ 0 赞/ 26 阅读

相关 7 redux 三大原则

单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。 console.lo

怼烎@/ 2023年02月27日 15:57/ 0 赞/ 2 阅读

相关一、计算机的三大原则

一、热身问答 1、硬件和软件的区别是什么？ 2、存储字符串“中国”需要几个字节？ 3、什么是编码（Code）？解答： 1、硬件是看得见摸得着的设备，比如计

﹏ヽ暗。殇╰゛Y/ 2022年12月11日 03:22/ 0 赞/ 153 阅读

相关 Java常用的7大设计原则

-------------------- 一、开闭原则OCP 简介指的是一个软件实体（类或接口、模块和函数）对外拓展开放，对修改关闭，在Java面向对象中

喜欢ヅ旅行/ 2022年10月19日 08:49/ 0 赞/ 4 阅读

相关 Spring（三）：四大原则

Spring框架本身有四大原则： 1、使用POJO进行轻量级和最小侵入式开发。 2、通过依赖注入和基于接口编程实现松耦合。 3、通过AOP和默认习惯进行声明式编程。

旧城等待，/ 2022年05月25日 23:23/ 0 赞/ 134 阅读

相关面向对象的7大设计原则

面向对象中的设计原则常用的面向对象设计原则包括如下：单一职责原则一个类只负责一个功能领域中的相应的职责，或者可以定义为，就一个类而言，只应该有一个引起它

朱雀/ 2022年05月17日 01:49/ 0 赞/ 206 阅读

相关面向对象三大特性五大原则

三大基本特性：封装，继承，多态封装封装，就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。一个类就是一

梦里梦外;/ 2022年04月10日 05:41/ 0 赞/ 359 阅读

相关设计模式之 7大设计原则

1、7大设计原则开闭原则（Open Closed Principle，OCP）依赖倒置原则（Dependence Inversion Principle，DIP）

旧城等待，/ 2021年12月13日 12:55/ 0 赞/ 269 阅读