title: in React Table, how to update the drop down value in every row separately using state
body: <p>new to react state.looping through dynamic JSON response and creating the dynamic table, which has drop-down as well. If I update the value in the row number 1 with onSelect event it is updating the select value in all the row because of the single state maintained for all the row. How to create a separate state for each row?</p>
  <pre><code>const statusValue = [&quot;Approve&quot;, &quot;Reject&quot;];
  const statusValues = statusValue.map((data, i) =&gt; {
    return (
      &lt;MenuItem
        eventKey={data + &quot;-&quot; + i}
        key={&quot;status-&quot; + i}
        onSelect={this.onStatusChange}&gt;
        {data}
      &lt;/MenuItem&gt;
    );
  });
  &lt;DropdownButton
    id=&quot;schemaType&quot;
    key=&quot;schemaTypeDropdown&quot;
    bsStyle=&quot;default&quot;
    title={this.state.statusAction}
    className=&quot;mr-3&quot;&gt;
    {&quot; &quot;}
    {statusValues}{&quot; &quot;}
  &lt;/DropdownButton&gt;;
  </code></pre>