reseting or clearing an input field with reactjs
<p>I having the following problem.</p>

<p>I have a react component which does a filter search on a list which is fine, but I want to clear the input field with a button, if i add a value attribute to the input field which I can set in the setState but then it stops the onChange from working as it does the filter search on the list:</p>

<p>I've created the following but this still doesn't work.</p>

<pre><code>&lt;input type="text" ref="form" placeholder="Search indicators" className="uk-width-1-1" onChange={this.handleChange} /&gt;

&lt;button className="uk-button uk-width-1-1" onClick="React.findDOMNode(this.refs.form).reset()"&gt;&lt;i className="uk-icon-undo"&gt;&lt;/i&gt;&lt;/button&gt;
</code></pre>