redux基础

Posted beihai3638

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了redux基础相关的知识,希望对你有一定的参考价值。

 

Redux 是React生态中重要的组成部分。可以使文件结构更加规范,代码可读性更强。

Store的角色是整个应用的数据存储中心,集中大部分页面需要的状态数据;

 
1、构造页面、方法

 

技术图片



2、定义常量

技术图片



3、接着就是写ActionCreator ,定义了一些操作类型,告诉store自己是干什么的,需要什么样的数据。

技术图片



4、
Reducer 会接收到action的信息。将会进行状态(数据)的处理,相当于react中的setState()的功能。并暴露出去。

技术图片




5、这些操作都是基于store的,所以要建立一个store.js。

技术图片




这样就完成了。

以上是关于redux基础的主要内容,如果未能解决你的问题,请参考以下文章

redux基础

Redux-Form 基础使用

Redux百行代码千行文档

electron+react-redux-saga基础项目配置

[vscode]--HTML代码片段(基础版,reactvuejquery)

mobx的基础使用