title: Passing a value via props onPress
body: <p>I know we can call the function like <code>{this.props.onPress}</code>, can we pass value using this callback too? Default object is passed but I want to pass a string value using this function. Is this possible, I'm posting my code to clear the situation.</p>
  
  <pre><code>   import Cbuttons from './../utils/CustomButtons' 
      class MainScreen extends Component {                                                 
  
        _onBtnClick = event =&gt; {
          console.log("Click on Button");
        }
         render() {
           return (
            &lt;View style={customStyles.mainContainer}&gt;
              &lt;Cbuttons btnName="MainScreen" onPress={this._onBtnClick}/&gt;
              &lt;Cbuttons btnName="ScreenTwo" onPress={this._onBtnClick}/&gt;
              &lt;Cbuttons btnName="ScreenThree" onPress=
                {this._onBtnClick}/&gt;
            &lt;/View&gt;
          );   
      }
    }
     export default MainScreen;
  </code></pre>
  
  <p>while inCustom Buttons clsss</p>
  
  <pre><code>class MyButtons extends Component {
     constructor(props){
       super(props);
       this.state={btnName:this.props.btnName};
     }
    render(){
      return(
        &lt;TouchableOpacity  onPress={this.props.onPress} &gt;
          &lt;Text style={yourStyles.buttonText}&gt; {this.props.btnName}&lt;/Text&gt;
        &lt;/TouchableOpacity&gt;
      );
    }
  }
  
  export default MyButtons;
  </code></pre>
  
  <p>I want to return btnName back via this.props.onPress</p>