title: How to pass arguments to function in functional component in React
body: <p>How can I pass arguments to a function in functional component? As far as I know, creating function in jsx is not good practice right?</p>
  
  <pre><code>function MyComponent(props) {
    function handleChange(event, data){
      console.log(event.target.value);
      console.log(data);
    }
    return &lt;button onClick={handleClick(??)} value='Foo'&gt;Click&lt;/button&gt;
  }
  </code></pre>