title: React-native pass data from child to parent just works in init
body: <p>I have a screen that shows a few items in list. my item are a component called CardItem which has couple of buttons. I implemented like above but when i run my project, component pass my desired data which is id to parent method in init status, but i need it when user click on that button.</p>
  
  <p>Parent:  </p>
  
  <pre><code>addItemQuantity = (id) =&gt; {
    console.log('ADD item quantity with id: ', id);
  };
  
  render() {  
     return (
        &lt;CardItem
           data={item}
           index={idx}
           key={item._id}
           addItemQuantityPress={this.addItemQuantity}
        /&gt;
     )
  </code></pre>
  
  <p>}</p>
  
  <p>child: </p>
  
  <pre><code>handleAddItemQuantity = (id) =&gt; {
    console.log('child component method');
    this.props.addItemQuantityPress(id);
  }
  
  render() {
      return (
          &lt;View style={styles.cardItemOperation} &gt;
              &lt;TouchableHighlight
                  underlayColor="#ffffff"
                  onPress={this.handleAddItemQuantity(this.props.data._id)}
                  style={styles.icon} &gt;
              &lt;Image
                  style={styles.icon}
                  resizeMode="contain"
                  source={require('./images/icon-add.png')} /&gt;
              &lt;/TouchableHighlight&gt;
         &lt;/View&gt;
      )
  }
  </code></pre>
  
  <p>Output when i run the project:</p>
  
  <blockquote>
    <p>child component method<br>
    ADD item quantity with id:  5a2660924713cf6c8d088424<br>
    child component method<br>
    ADD item quantity with id:  5a1a58cacd0b8a0febce9fd7<br>
    child component method<br>
    ADD item quantity with id:  5a1a5856cd0b8a0febce9fd5<br>
    child component method<br>
    ADD item quantity with id:  5a4c8e9d2ebcf507323e7b73<br>
    child component method<br>
    ADD item quantity with id:  5a1a5862cd0b8a0febce9fd6   </p>
  </blockquote>