如何將數據從一個屏幕發送到另一個屏幕？

Question

我是新來的反應原生如何從一個屏幕數據發送到使用道具的Android另一個畫面不是IOS我的代碼如下

Home.js

class Home extends React.Component { 

    constructor(props) { 
    super(props); 
    this.state = { 
     qwerty:{ 
     data:[], 
     }, 
    }; 
    } 

    goPressed(navigate){ 
    navigate("Product"); 
    } 

    render() { 
     const { navigate } = this.props.navigation; 

     contents = this.state.qwerty.data.map((item) => { 
     return (
      <View key={item.p1.id}> 
      <View> 
       <Text>{item.p1.content}</Text> 
      </View> 
      <View> 

      <TouchableHighlight onPress={() => this.goPressed(navigate)}> 
       <Text> 
       Go 
       </Text> 
      </TouchableHighlight> 

      </View> 
      </View> 
     ); 
     }); 

     return (
     <ScrollView style={styles.container}> 
      {contents} 
     </ScrollView> 
    ); 
    } 
    } 

    export default Home; 

這是我的家。 JS，我想要傳遞數據，例如{item.p1.content}到另一個屏幕，即product.js，那麼我該怎麼做呢我應該做些什麼修改？

Product.js

 export default class Products extends Component { 
    static navigationOptions = { 
    title: "Products", 
    }; 

    render() { 
    return (
     <View style={{ flex: 1 }}> 
     <Text>{item.p1.content}</Text> 
     </View> 
    ); 
    } 
} 

Answer 1

您的應用程序的成長，你需要爲Redux的狀態持續存在，並從容器中的子組件丟數據。

請閱讀。使用這在我的應用

https://github.com/reactjs/redux

http://redux.js.org/docs/api/Store.html

而且我用終極版 - 傳奇我，是比較複雜的

Answer 2

一種方法是簡單地傳遞你存儲在日期「QWERTY '作爲下一個場景的道具。

在Home.js你可以修改你goPressed方法是這樣的......

goPressed(navigate){ 
    navigate("Product", {passedData: this.state.qwerty.item.p1.content}); 
    } 

然後在Product.js您需要修改代碼以

render() { 
    return (
     <View style={{ flex: 1 }}> 
     <Text>{this.props.passedData}</Text> 
     </View> 
    ); 
    }