reactjs - 如何在 react-native android 中将值从一个组件传递到另一个组件

Question

我是 react-native android 的新手，我想知道如何在 react-native android 中将值从一个组件传递到另一个组件，我只想知道两件事，

1. 如何传递数据
2. 如何检索数据

提供任何容易理解的参考或链接。谢谢提前

Answer 1

有两种类型的传递数据，

1. State：如果你的组件在同一个类中，你可以简单地使用 state 在组件之间传递数据
2. 道具：如果你想在不同的类（子<->父）之间传递数据，则使用。

参考：https ://facebook.github.io/react-vr/docs/components-props-and-state.html

如果你的应用越来越大，React Native 也推荐使用状态管理。

最常用的状态管理之一是使用REDUX，简而言之，您可以使您的道具表现得像一个可以在您的应用程序中访问的全局变量。

有关更详细的介绍，您可以阅读以下内容：

https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053

Answer 2

如果您使用 react-navigation 从一个组件路由到另一个组件，那么在您移动到新组件时发送参数中的数据非常简单。看看这里的文档。

在您的android.js文件中，初始化所有路由，如下所示：

import Component from './app/components/Component/Component';
import HomeComponent from './app/components/HomeComponent/HomeComponent';
const Mobile = StackNavigator(
{Login: { screen: Component },
Home: { screen: HomeComponent },},
 { initialRouteName: 'Login' },
{ headerMode: 'screen' });
AppRegistry.registerComponent('Mobile', () =>Mobile);

然后登录屏幕将首先加载，然后在函数或构造函数中使用此命令进行导航：

this.props.navigation.navigate('Home',{param:'SomeParameter'})

在主屏幕构造函数中打印出this.props, 在控制台中，您将在该对象中找到 param 键。