在 React Native 应用开发中，经常需要跨组件共享数据或状态，但是 React Native 并没有官方提供一种简单的全局状态管理工具。这就需要我们自己去寻找第三方 npm 包来解决这个问题。本文将介绍一个非常方便的 npm 包：rn-global，它可以帮助我们在 React Native 应用中实现状态全局共享。本文将向您展示如何在您的项目中使用它。
安装 rn-global
首先，我们需要安装 rn-global：
npm install rn-global
rn-global 可以在 React Native 应用中直接使用，无需其他特定的配置。它仅支持 React Native。
在应用中使用 rn-global
在您的 React Native 项目中，您只需要将 rn-global 包导入到应用中并安装它。以下是一个简单的示例：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------- - ---- ------------
------ --- ---- --------
----- ---- ------- --------------- -
-------- -
------ -
----------
---- --
-----------
--
-
-
------ ------- -----在上面的示例代码中，我们建立了一个 Provider 组件来包含应用。这使得我们可以在应用程序中的任何地方使用 rn-global。
Provider 组件将 rn-global 实例注入到应用程序中。您可以访问它并创建全局状态属性：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- ------------
----- --- ------- --------------- -
-------- -
----- - ------ -------- - - -----------------------
------ -
-----
----------------------
------- ----------- -- ---------- ------ ---- ------ ----
------ -----
---------
------
--
-
-
------ ------- ----------------在上面的示例代码中，我们使用 withGlobal 高阶组件将全局状态注入到我们的组件中。您可以通过 this.props 等访问全局状态并更新状态。
深入学习
rn-global 是一个基于 Context API 的状态管理解决方案，并且在官方文档中有很详细的介绍。在深入学习时，建议您查看官方文档。
指导意义
rn-global 是一个非常小巧的 npm 包，但它提供了全局状态共享的非常易于使用的解决方案。与 Redux、MobX 等大型状态库相比，rn-global 更加轻量。如果您的项目很小，那么使用 rn-global 可以整洁地解决您的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566c081e8991b448e312e