Как реализовать поиск в ReactTable? - PullRequest
Новая
       16

Как реализовать поиск в ReactTable?

0 голосов
/ 24 июня 2019

У меня есть многоразовые компоненты таблицы с поиском и нумерацией страниц. Функция поиска не работает.

My App.js 

class App extends React.Component{

  constructor(props){
    super(props);

    this.state ={
      data: [
          { id: 1, name: 'Wasif', age: 21, email: 'wasif@email.com' },
          { id: 2, name: 'Ali', age: 19, email: 'ali@email.com' },
      ],
    };
    this.filterAll = this.filterAll.bind(this);
  }
   render(){
   const { data } = this.state;
   return(
    <div>
      <DataTable data={data} columns={columns}/>
    </div>
  );
 }
}

My DataTable.js является компонентом, который вызывает в App.js 

class DataTable extends React.Component{
  render(){
    return(
      <div>
        <div className="kodeTable">
            <input value={this.state.filterAll} onChange={this.filterAll} className="kodeFormSearch" placeholder="Cari Course"/>
          </div>
          <ReactTable
          data = {this.props.data}
          columns = {this.props.columns}
          onFilteredChange={this.onFilteredChange.bind(this)}
          />
      </div>
    );
  }
}
...