0
点赞
收藏
分享

微信扫一扫

React全家桶(六)redux状态管理

Ewall_熊猫 2022-04-27 阅读 78

redux状态管理

目录总览:

redux

为什么使用Redux:

使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。

一、什么是Redux?

Redux 是一个 JS 库,一个状态容器。

作用: 集中式管理 React 应用中 多个组件共享的状态

Redux的三大原则:
  • 单一数据源:整个应用的state都被存储到一个状态树里面,并且这个状态树,只存在于唯一的store中。
  • State 是只读的:唯一改变 state 的方法就是触发 action,action 是一个用于描述已发生事件的普通对象。
  • 使用纯函数来执行修改:为了描述 action 如何改变 state tree ,你需要编写 reducers。
使用场景:
  • 某个组件的状态,需要共享;
  • 某个状态需要在任何地方都可以拿到;
  • 一个组件需要改变全局状态;
  • 一个组件需要改变另一个组件的状态。

二、Redux的工作原理

三、Redux文件分析

四、Redux流程解析

单个组件使用redux:

五、核心API

react-redux

一、什么是react-redux?

二、react-redux的工作原理

三、React容器组件和UI组件

  • React-Redux把所有的组件都拆分成了两大类:UI组件容器组件

UI组件

容器组件

如何定义容器组件

四、react-redux流程解析

单个组件使用redux:

单个组件使用redux:

五、核心API

举报

相关推荐

0 条评论