Redux 简介

上节课我们学习了关于如何自定义antd的自定义主题，其实还是挺坑的，官方文档也不全，还要去查其他的文档资料，不过还好了解了之后我们就可以做了，而且每个项目也就配置那一次。这节课呢我们来介绍一下Redux。

回顾

在开始介绍redux之前呢，我们来对上节课的内容来做一个简单的回顾：

• 需要依赖craco库
• 需要依赖craco-less库
• 新版本和旧版本差异没有在官方文档中体现出来，大家需要自己查阅相关资料

以上便是上节课的主要内容，这节课我们来开始简单介绍一下redux

什么是redux

首先呢我们先来念一下概念，虽然我们不喜欢概念性的东西，但是这次我们先从念概念开始：

• redux是一个专门做状态管理的js库，但是不是react插件库。
• react也可以和vue一块用，但是基本上都是和react一块用
• 作用：集中式管理react应用中多个组件共享的状态。

首先我们就说了，状态管理，什么意思？就是管理state呗， 而且这个库其实跟react没有什么太大关系，因为这个库并不是react的扩展库，只不过这个库可以替react管理state，也正因为如此，这个库也可以和vue一起用。 而且这个库的作用可以帮我们管理多个组件共享的state，那么这个是不是有点类似PubSub呢？这个玩意儿就是通过消息发布和订阅来完成多个组件之间之间的通信的。

那么redux呢？其实也一样，如果我们有多个组件不管是平级还是父子组件，都要公用一部分state，那么redux可以集中管理state，这样的话这些公用的数据就可以直接通过redux来通信。但是这并不意味着组件要把自己所有的state都交给redux，只需要将公用的state交出去就行了。

什么时候需要用redux

那么我们上面时候需要用redux呢？

• 某个组件的state需要其他组件随时拿得到
• 某个组件需要改变另一个组件的state
• 能不用尽量不用，当不用redux比较麻烦的时候再使用redux

总结

• redux是一个专门做状态管理的js库
• 能不用尽量不用，当不用redux比较麻烦的时候再使用redux

Copyright statement：The articles of this site are all original if there is no special explanation, indicate the source please when you reprint.

Link of this article：https://work.lynchow.com/article/redux_intrduce/