Таблица antd не перерисовывается автоматически при изменении данных источника данных

Question

Таблица дизайна Ant не перерисовывается автоматически при изменении данных источника данных.

<Table
                columns={columns}
                dataSource={filteredData}
                pagination={pagination}
                loading={loading}
                onChange={this.handleChange} />

filterData изменяется методом, основанным на настраиваемом фильтре, который помещается за пределы таблицы.

Не следует ' t автоматическая перерисовка таблицы при изменении filterData?

Кто-нибудь знает, как обновить sh таблицу при изменении filterData?

Answer 1

Если вы хотите, чтобы таблица автоматически перерисовывалась, у filterData должно быть состояние.

onSourceChange = (something) => {
  this.setState({filteredData: something})
}
render(){
  return (
   <div>
    <Table
      columns={columns}
      dataSource={this.state.filteredData}
      pagination={pagination}
      loading={loading}
      onChange={this.handleChange} />
    <button onClick={()=>onSourceChange(['a','b','c'])}>change datasource</button>
   </div>
  )}