状态管理

53 阅读1分钟

状态管理

React管理状态的工具:

  1. 利用hooks进行状态管理
  2. 利用Redux进行状态管理,配套齐全可以自定义
  3. 利用Mobx进行状态管理,通过的函数响应式的状态管理变的简单和可扩展。

什么是状态

状态就是UI中的动态数据。

React中的状态

在React class组件时代,状态就是this.state,而为了避免一团乱麻,React引入了组件和单向数据流的概念。有了状态与组件,也就有了状态在组件间的传递,一般称为通信。

父子通信通过props就可以,而远距离通信则依赖于,状态提升+props层层传递。 于是React引入了Context,可用于解决组件跨级通信。Context相当于状态提升,并没有额外的性能优化,写起来比较啰嗦。

什么是状态管理

状态管理就是为了解决组件间的跨级通信。 常见的状态管理方式:Hooks、redux、mobx三种。 我比较喜欢用 RTK+Redux 简单的可以通过 hooks(useState)就可以