title: How to call props arrow function in react
body: <p>I'm a beginner react developer.
  I have a component with <code>UpdateUsers</code> props function that called in Main Component:</p>
  <p>Main Component:</p>
  <pre><code>UpdateUsers = () =&gt; {...}
   render(){
     return(
       &lt;User UpdateUsers = {this.UpdateUsers} /&gt;
    )}
  </code></pre>
  <p>in User Component, I can't call the <code>UpdateUsers</code> function correctly.</p>
  <p>User:</p>
  <pre><code>addUser = () =&gt; {
     //do some other things
     //code for adding user
     this.props.UpdateUsers();
  }
  
  render(){
     return(
       //do some other things
       &lt;Button onClick={this.addUser}&gt;ADD&lt;Button/&gt;
    )}
  </code></pre>
  <p>The <code>this.props.UpdateUsers();</code> that I've called in <code>addUser</code> doesn't work. If I call this in the button <code>OnCkick</code> it works. but calling it in a<code>ddUser</code> dose not work correctly .</p>
  <p>How can I call <code>this.props.UpdateUsers</code> in the <code>addUser</code> function?</p>