title: How to pass state to component React Native
body: <p>I am new to React Native and really cant figure out why I am not able to pass a state from one component to another</p>
  
  <pre><code>export default class questions extends Component {
  constructor(props){
      super(props);
      this.state={
          name: "stupidCount",
          val: 1}            
  }
  
  render(){
      const { navigate } = this.props.navigation;
      const { name2 } = this.state;
      return(
          &lt;View style={styles.box}&gt;
              &lt;TouchableOpacity onPress={() =&gt; navigate('Question1',  stupidCount={name2})} &gt;
                  &lt;Text style={styles.h1}&gt; Question 1 &lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>Second component, 'Question1'</p>
  
  <pre><code>export default class Question2 extends Component {
  render(){
      const { navigate } = this.props.navigation;
      console.log(stupidCount.val);
      return(
          &lt;View style={styles.box}&gt;
              &lt;Text style={styles.h1}&gt;Question 2 &lt;/Text&gt;
              &lt;Text&gt; state test {stupidCount.val}&lt;/Text&gt;
  </code></pre>
  
  <p>Thanks a lot in advance</p>