title: Functional ReactJS - Passing Data/Arguments to Callback
body: <p>Take the following code:</p>
  
  <pre><code>const Search = props =&gt; {
      return (
          &lt;div id="search"&gt;
              &lt;h2&gt;Live Search&lt;/h2&gt;
              &lt;input type="text" onChange={ props.onInput } /&gt;
          &lt;/div&gt;
      )
  }
  
  export default Search
  </code></pre>
  
  <p>Is it possible to pass arguments to <code>props.onInput</code> (specifically the <code>value</code> attribute of <code>&lt;input&gt;</code>). I know I can create this as a class instead, and create a handler that passes data to <code>props.onInput</code> but I was just wondering if it's possible to do this in a functional way.</p>