将 Native Pass 数据反应到另一个屏幕

Question

我需要将一些数据从一个屏幕传递到另一个屏幕，但我不知道该怎么做。我已经搜索并阅读了有关 Redux 的信息，但它有点复杂，因为我从未使用过它，而且大多数教程对于新手来说都是令人困惑的。但如果我能在没有 Redux 的情况下做到这一点，那就更好了。

所以，当我点击一个按钮时，它会运行：

  onSearch() {
    var listaCarros = fetch(`URL`, {
        method: 'GET',
        })
      .then((response) => { return response.json() } )
      .then((responseJson) => {
        console.log(responseJson)
      })
  }

我想将从这里获得的数据传递到另一个屏幕。 我正在使用 router-flux，如果这很重要的话。

Answer 1

您可以将响应保存在当前组件的状态中，例如

onSearch() {
    var listaCarros = fetch(`URL`, {
        method: 'GET',
        })
      .then((response) => { return response.json() } )
      .then((responseJson) => {
        console.log(responseJson);
        /*for react-native-router-flux you can simply do
         Actions.secondPage({data:responseJson});  and you will get data at SecondPage in props

       */
        this.setState({
         dataToPass :responseJson
        });
      })
}

然后在下面作为回报，就像您想将数据传递给名为 SecondPage 的新组件一样，您可以按照以下方式进行操作

render(){
  return(
   {this.state.dataToPass && <SecondPage data ={this.state.dataToPass}>} //you will get data as props in your second page
  );
}