title: How to filter react table based on drop down data selected?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>const filterRowItem = filterRows.filter((row) =&gt; row.status === event.target.value);
   this.setState({data:filterRowItem})
   
   /////////////////////
   &lt;ReactTable data={data}</code></pre>
  </div>
  </div>
  </p>
  
  <p>As denoted into the snippet I have one react table in which data is there,This data is giving from the state.</p>
  
  <p>Now into the select dropdown there are values means if user select the item from the drop down based on selected value the react table data is filters on status column.</p>
  
  <p>Here data is already filtered but its only filtered first time not second time,
  Because first time again I am setting the state as shows in to snippet.How the data array filter without mutating ?</p>