title: How to reset filter fields in React Table?
body: <p>Is there an instruction for reset the filter fields in some moment ? To filter for any column works fine calling in <code>onFetchData</code> an Ajax call to get the data filtered. But some actions that I need after info filtered, re-render the table. In another function inside my class I execute: </p>
  
  <pre><code>this.setState({
     filter: []
  });
  </code></pre>
  
  <p>But the info to filter after table is updated are still in the fields.</p>
  
  <pre><code>&lt;ReactTable
      data={this.state.data}
      loading={this.state.loading}
      pages={this.state.pages}
      filterable
      columns={[
          {
              Header: "First Name",
              id: "firstName",
              accessor: d =&gt; d.firstName,
              Filter: ({ filter, onChange }) =&gt; (
                  &lt;input className="form-control input-sm"  onChange={event =&gt; onChange(event.target.value)} value={filter ? filter.value : ''} /&gt;
              )
          },
          {
              Header: "Last Name",
              accessor: "lastName",
              Filter: ({ filter, onChange }) =&gt; (
                  &lt;input className="form-control input-sm"  onChange={event =&gt; onChange(event.target.value)} value={filter ? filter.value : ''} /&gt;
              )
          }
      ]}
      onFilteredChange={(column, value) =&gt; {
          //Code
      }}
      onFetchData={(state, instance) =&gt; {
          //Ajax call
      }}
      defaultPageSize={10}
      className="-striped -highlight"
      manual
  /&gt;
  </code></pre>