Custom DropDown using for filter react-table in Reactjs

When we using react-table , we can use dropDown and filter table data:

Follow the step by step

1. install npm react-table6

import React, {Component} from 'react';
import ReactTable from 'react-table-6';
import { Form} from 'react-bootstrap';
import 'react-table-6/react-table.css';
class CustomFilter extends Component{
 constructor(props) {
    super(props);
    this.state = {
      data=[],
     subtype:'',
};
  }
componentDidMount() {
    fetch(`http://api.livingwatersmuseum.org:8080/stories/resources`)
      .then(res => res.json())
      .then(
        result => {
          this.setState({
            
            data: result.data,
          });
        },
        error => {CustomFilter
          this.setState({
            
            error,
          });
        }
      );
  }
render(){
return(
<div> <Form.Control as="select" name="data"
                        value={this.state.subtype} 
                        onChange={(event) => 
                       this.setState({subtype:event.target.value})}>
                     <option value =''>employee_name</option>
                     <option value='books'> employee_age </option>
                     <option value='films'>employee_salary</option>
                          
                        </Form.Control>
<ReactTable
            loading={false}
            defaultPageSize={10}
            data={this.state.stories}
            filtered={[{ 
              id: 'subType',
              value: this.state.subtype,
            }]}
columns={[
              {
                Header: 'Name',
                accessor: 'employee_name',
                style: {whiteSpace: 'unset'},
              },
              {
                Header: 'Age',
                accessor: 'employee_age',
                style: {whiteSpace: 'unset'},
},
{
Header:'Salary',
accessor:'employee_salry'
}            ]}
          />
</div>)
}
export default CustomFilter