React Native 是一个流行的跨平台移动应用开发框架，它使用了许多 React 框架的特点。在 React Native 中，组件是构建应用程序的基本单元。在复杂的应用程序中，组件间的通信变得至关重要。本文将介绍 React Native 中组件间通信的实现方法。
Props
React 组件之间最常见的通信方式是使用 props（属性）。父组件可以通过向子组件传递 props 来将数据传递给子组件。子组件可以通过 this.props 访问这些属性。
例如，在下面的代码中，MyComponent 接收一个名为 name 的 prop，并在组件内部将其显示：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ---- - ---- ---------------
----- ----------- - ------- -- -
------ -
------
------------ --------------------
-------
--
--
------ ------- ------------然后，在另一个组件中，可以像下面这样调用 MyComponent 并传递一个 name 属性：
<MyComponent name="John" />
在渲染时，MyComponent 将呈现一个带有文本“Hello, John!”的视图。
State
除了使用 props 传递数据，组件还可以维护自己的状态。状态是组件的内部数据，可以随着时间的推移而改变。通过更新组件的状态，可以重新渲染组件并显示新的数据。
要使用状态，需要使用类组件而不是函数式组件。在类组件中，可以使用 this.state 访问组件的状态，并使用 this.setState() 更新状态。
例如，在下面的代码中，MyComponent 维护一个名为 count 的状态，并在每次单击按钮时将其增加：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ------ - ---- ---------------
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - -
------ --
--
-
----------- - -- -- -
--------------- ------ ---------------- - - ---
--
-------- -
------ -
------
------------ -------------------------
------- ------------ --- -------------------------- --
-------
--
-
-
------ ------- ------------Redux
如果应用程序越来越复杂，那么使用 props 和状态可能会变得笨拙和难以管理。此时，可以考虑使用 Redux 管理应用程序的状态。
Redux 是一种流行的状态管理库，它提供了一种将状态集中存储和更新的方法。在 Redux 中，有一个称为“store”的中央状态存储区域，它包含整个应用程序的状态。组件可以从 store 获取状态，也可以发送 action 来更新 store 中的状态。
例如，下面是一个简单的 Redux 应用程序，其中有两个组件。Counter 组件显示一个计数器，并通过 mapStateToProps 函数从 store 获取计数器的值。当用户单击按钮时，Counter 组件会发送一个递增计数器的 action。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- ----- ------ - ---- ---------------
------ - ------- - ---- --------------
----- ------- - ------- -- -
------ -
------
------------ --------------------
------- ------------ --- ------------------------- --
-------
--
--
----- --------------- - ------- -- -
------ -
------ ------------
--
--
----- ------------------ - ---------- -- -
------ -
---------- -- -- ---------- ----- ----------- ---
--
--
------ ------- ------------------------ -----------------------------在另一个组件中，App 组件只是将 Counter 组件渲
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36620