title: Passing Object from a screen to another one | React-Native
body: <p>I want to pass my data: <code>Info</code> from the screen <code>WebServiceUse.js</code> to <code>Cellz.js</code>.<br>
  I don't know how to do it, I can pass one value but not all the data..<br>
  Here's the code:  </p>
  
  <p><strong>WebServiceUse.js:</strong> </p>
  
  <pre><code>export default class WebServiceUse extends Component {
      constructor(props) {
          super(props);
          this.state = ({
              Info: [],
              isLoading: true,
              Info1: [],
          })
      }
  
      componentDidMount() {
          fetch('https://*****', {
              method: 'POST',
              headers: {
                  'Accept': 'application/json',
                  'Content-Type': 'application/json',
              },
              body: JSON.stringify({ id: '1' })
          }).then((response) =&gt; response.json()).then((responseJson) =&gt; {
              this.setState({
                  Info: responseJson.ed5aaf3d933385698d872d0a0d5d4f36,
                  isLoading: false,
                  Info1: this.Info,
              });
          }).catch((error) =&gt; {
              //console.error(error);
              alert(error);
              this.props.navigation.navigate('ScreenTwo');
  
          });
      }
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  {this.state.isLoading &amp;&amp;
                      &lt;View&gt;
                          &lt;ActivityIndicator color="red" size='large' animating={this.state.isLoading} /&gt;
                      &lt;/View&gt;
                  }
                  &lt;ScrollView style={styles.welcome}&gt;
                      {
                          this.state.Info.map((item) =&gt; {
                              return (
                                  &lt;TouchableOpacity onPress={ () =&gt; (this.props.navigation.navigate('ScreenSix', {Info: item.id}))}&gt;
                                      &lt;Text&gt;{item.id}&lt;/Text&gt;
                                      &lt;Text&gt;{item.date}&lt;/Text&gt;
                                      &lt;Text&gt;{item.interlocuteur}&lt;/Text&gt;
                                      &lt;View style={styles.Separator} /&gt;
                                  &lt;/TouchableOpacity&gt;
                              )
                          })
                      }
                  &lt;/ScrollView&gt;
              &lt;/View&gt;
          );
      }
  }  
  </code></pre>
  
  <p><strong>Cellz.js:</strong></p>
  
  <pre><code>export default class Cellz extends Component {
  
      constructor(props) {
          super(props);}
  
      render() {
          return (
              &lt;View flexDirection='column' style={styles.container}&gt;
                  &lt;View flexDirection='row' style={styles.welcome}&gt;
                      &lt;Text&gt;ID:   &lt;/Text&gt;
                      &lt;Text&gt;{this.props.navigation.state.params.Info}&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View flexDirection='row' style={styles.welcome}&gt;
                      &lt;Text&gt;Ticket ID:    &lt;/Text&gt;
                      &lt;Text&gt;{this.props.navigation.state.params.Info}&lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
  
          );
      }
  }
  </code></pre>
  
  <p>What should I do to pass all the Data <code>Info</code> ? </p>