React中Redux、MobX、Context API等状态管理器如何解读及高效使用？

本文共计2956个文字，预计阅读时间需要12分钟。

首先，我们要了解什么是状态管理器，这玩儿干啥的？当我们需要在多个页面中使用相同的属性时，就可以用状态管理器。它会把这些状态存放在一个单独的文件中，不管什么时候都能访问。

首先我们要先知道什么是状态管理器，这玩意是干啥的？

当我们在多个页面中使用到了相同的属性时就可以用到状态管理器，将这些状态存到外部的一个单独的文件中，不管在什么时候想使用都可以很方便的获取。

react和vue有些不同，react没有自己专属的状态管理方式。它使用的其实是js相关的状态管理器。我们需要记住的是，视图可以引起状态的改变，而状态的改变会导致视图的二次渲染。

说了这么半天，那么我们在react中到底是怎样使用状态管理器的呢？

redux闪亮登场

redux的前身技术是flux，他和flux很相像，但是又不完全相同。两者都规定将模型的更新逻辑全部集中在一个层面中（Flux之中的store，redux之中的reducer）；但是redux中没有dispatcher的概念，他依赖的是纯函数来做事件处理器；并且redux不回去修改你的数据，它会返回一个新的对象用于更新state状态。

首先我们先来认识一下redux中的一些属性

1、store：

保存数据/状态的地方，可以把它看成是一个容器。