将本地传递数据反应到另一个屏幕

Question

我需要将一些数据从一个屏幕传递到另一个屏幕，但我不知道该怎么做。我搜索了一下，我读了关于Redux，但是它有点复杂，因为我从来没有使用它，大多数教程都让一个新手感到困惑。但是如果我能在没有Redux的情况下做到这一点，那会更好。

所以，当我点击一个按钮，它可以运行这样的：

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

，我想通过我从这个获取数据，到另一个屏幕。 即时通讯使用路由器通量，如果有关系。

Answer 1

像你想将数据传递到已经命名为SecondPage一个新的组件，你可以保存在当前组件的状态就像

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 
     }); 
     }) 
} 

然后在下面的回报响应，您可以按以下方式

做

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