Reactjs 组件之间的数据传输

我有两个组件要将某些属性数据从页面上传递到另一个页面/组件。但无法用道具做到这一点

{this.navigateTo（'component2'）；setState（url:'www.xyz.com'，数据：'abc'}>
交易中心

---

并想从组件2读取状态。请任何人提供帮助

您可以编写一个函数来导航1个组件和passProps

例如：

navigateTo(component){
  this.props.navigator.push({
    name: component,
    passProps: {
      url: 'www.xyz.com',
      data: 'abc' 
    }
  })
}

并将此函数放入代码中，如：

<TouchableOpacity onPress={this.navigateTo.bind(this,'component')}>
        ...
</TouchableOpacity>

...

在第二个组件中，您可以调用道具，如：

this.props.url

或

this.props.data

---

这是React Native Navigator的一个很好的教程，

您可以编写一个函数，将Navigator添加到1个组件和passProps

例如：

navigateTo(component){
  this.props.navigator.push({
    name: component,
    passProps: {
      url: 'www.xyz.com',
      data: 'abc' 
    }
  })
}

并将此函数放入代码中，如：

<TouchableOpacity onPress={this.navigateTo.bind(this,'component')}>
        ...
</TouchableOpacity>

...

在第二个组件中，您可以调用道具，如：

this.props.url

或

this.props.data

---

这是React Native Navigator的一个很好的教程，

首先，您必须像这样设置路由

然后，只有您可以将道具传递给第二个组件

然后单击调用您的方法

\u导航（组件、数据）{
这个是.props.navigator.push({
名称：组件，
通行证：{
数据：数据
}
})
}

---

在第二个组件中，您可以使用

this.props.data

访问数据。首先，您必须像这样设置路由

然后，只有您可以将道具传递给第二个组件

然后单击调用您的方法

\u导航（组件、数据）{
这个是.props.navigator.push({
名称：组件，
通行证：{
数据：数据
}
})
}

---

在第二个组件中，您可以使用

this.props.data

访问数据，您是否使用Flux/Redux/RxJS？lass Deals扩展组件{static propTypes={popRoute:React.propTypes.func，navigation:React.propTypes.shape（{key:React.propTypes.string，}），}构造函数（props）{super（props）；this.state={name:'Deals'，}；}navigateTo（route）{this.props.navigateTo（route，'home'）；}Maxim Shoustin:我在使用ReduxYou使用Flux/Redux/RxJS吗？lass Deals扩展组件{static propTypes={popRoute:React.propTypes.func，navigation:React.propTypes.shape（{key:React.propTypes.string，}）}）构造函数（props）{super（props）；this.state={name:'Deals'，}；}navigateTo（route）{this.props.navigateTo（route，'home'）；}Maxim Shoustin:我正在使用Redux

帮助我。我忘了添加路由。谢谢。

帮助我。我忘了添加路由。谢谢。