Redux

React 简单 demo

  • state:驱动应用的真实数据源头
  • view:基于当前状态的视图声明性描述
  • actions:根据用户输入在应用程序中发生的事件,并触发状态更新
 

redux简介

notion image
  • redux是react全家桶的一员,它试图为 React 应用提供「可预测化的状态管理」机制。
  • Redux是将整个应用状态存储到到一个地方,称为store
  • 里面保存一棵状态树(state tree)
  • 组件可以派发(dispatch)行为(action)给store,而不是直接通知其它组件
  • 其它组件可以通过订阅store中的状态(state)来刷新自己的视图
为什么要用 Redux
  • 应用中有很多 state 在多个组件中需要使用
  • 应用 state 会随着时间的推移而频繁更新
  • 更新 state 的逻辑很复杂
  • 中型和大型代码量的应用,很多人协同开发
简单理解用法
  1. 创建命名空间,以及可以给 redux stats 赋值的方法
  1. 赋值 调用 api 输出 redux 消息(action 触发修改 status)
  1. redix 接收消息,判断类型,执行一定逻辑(state 变动更新 view)
老项目
新项目
Loading...
目录
文章列表
王小扬博客
产品
Think
Git
软件开发
计算机网络
CI
DB
设计
缓存
Docker
Node
操作系统
Java
大前端
Nestjs
其他
PHP