REDUX

Author:Helene

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。转载请注明来自Helene的博客


基本介绍

1.State:React中的状态,是只读对象,不可直接修改

2.Reducer:基本函数,用于对State的业务处理

3.Action:普通对象,用于描述事件行为,改变State

Redux集成

1.创建Action模块

2.创建Reducer模块

3.创建Store模块

4.通过connect方法将React组件和Redux连接起来

5.添加Provider作为项目的根组件,用于数据存储

Redux调试工具的安装(下面必须都安装)

1.首先,在谷歌浏览器中安装Redux Devtools扩展

2.yarn add redux-devtools-extension

redux的核心概念

将需要修改的state都存入到store里,发起一个action用来描述对哪些状态进行操作,
用reducers处理action如何改变state tree 。创建store的时候需要传入reducer,
真正能改变store中数据的是store.dispatch API。

redux在哪里使用

Redux主要用在需要交互性复杂的场景中。可以和很多框架配合使用,如angular、vue、react

解释一下典型的react和redux的数据流

首先dispatch一个action

然后reducer会收到这个action,根据这个action对状态进行处理

状态修改后会被处理容器捕捉到

从而对相关界面进行更新

什么是redux的store

store存放状态

store只有一个

可以创建多个sub store

解释一下redux的reducers

数据的状态是通过reducer函数根据传来的action改变的

解释一下redux的action

通知reducers对哪些状态进行操作