状态管理
React管理状态的工具:
- 利用hooks进行状态管理
- 利用Redux进行状态管理,配套齐全可以自定义
- 利用Mobx进行状态管理,通过的函数响应式的状态管理变的简单和可扩展。
什么是状态
状态就是UI中的动态数据。
React中的状态
在React class组件时代,状态就是this.state,而为了避免一团乱麻,React引入了组件和单向数据流的概念。有了状态与组件,也就有了状态在组件间的传递,一般称为通信。
父子通信通过props就可以,而远距离通信则依赖于,状态提升
+props层层传递。
于是React引入了Context,可用于解决组件跨级
通信。Context相当于状态提升,并没有额外的性能优化,写起来比较啰嗦。
什么是状态管理
状态管理就是为了解决组件间的跨级
通信。
常见的状态管理方式:Hooks、redux、mobx三种。
我比较喜欢用 RTK+Redux
简单的可以通过 hooks(useState)就可以