React Hooks如何实现小型状态管理，详解其长尾词应用与优化策略？

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

目录+实现基于React Hooks的状态共享+使用感受+主要内容介绍一种基于React Hooks的状态共享方案，介绍其实现，并总结使用感受。目标是在状态管理方面提供更多选择方式。

目录

• 实现基于 React Hooks 的状态共享
• 使用感受

本文主要介绍一种基于 React Hooks 的状态共享方案，介绍其实现，并总结一下使用感受，目的是在状态管理方面提供多一种选择方式。

实现基于 React Hooks 的状态共享

React 组件间的状态共享，是一个老生常谈的问题，也有很多解决方案，例如 Redux、MobX 等。这些方案很专业，也经历了时间的考验，但私以为他们不太适合一些不算复杂的项目，反而会引入一些额外的复杂度。

实际上很多时候，我不想定义 mutation 和 action、我不想套一层 context，更不想写 connect 和 mapStateToProps；我想要的是一种轻量、简单的状态共享方案，简简单单引用、简简单单使用。

随着 Hooks 的诞生、流行，我的想法得以如愿。

接着介绍一下我目前在用的方案，将 Hooks 与发布/订阅模式结合，就能实现一种简单、实用的状态共享方案。