antd Table datasource 数据变化时不会自动重新渲染

Question

Ant Design Table 不会在数据源数据更改时自动重新渲染。

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

filteredData 在基于自定义过滤器的方法中更改，该过滤器位于 table.

之外

table 不应该在 filteredData 更改时自动重新呈现吗？

有人知道如何在 filteredData 更改时刷新 table 吗？

Answer 1

如果您希望 Table 自动重新呈现，filteredData 应该是 state。

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>
  )}

antd Table datasource 数据变化时不会自动重新渲染

antd Table is not automatically rerendered when datasource data changes

datatable

refresh

antd

rerender