数据源数据更改时,antd表不会自动重新呈现

时间:2020-05-05 07:19:25

标签: datatable refresh antd rerender

当数据源数据发生更改时,不会自动重新呈现Ant Design Table。

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

filteredData通过基于放置在表外部的自定义过滤器的方法进行更改。

更改filteredData后,表是否应自动重新呈现?

有人知道更改filteredData时如何刷新表吗?

1 个答案:

答案 0 :(得分:1)

如果您要自动重新渲染表,则应该为filteredData状态。

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