react 解决antd之Table 无法动态修改default
2020-08-06 本文已影响0人
CoderZb
问题描述:
例如,在列表界面,将页面切成第3页之后,就会加载第3页对应的列表数据,此时进行关键词搜索,那么搜索后应该将页码重置成1,
因此需要动态修改pagination参数中的defaultCurrent的属性值
。
解决办法:
为Table组件新增一个key属性,并且key的属性值和defaultCurrent 的属性值保持一致,也就是说这两个的属性值是同一个变量 即可解决该问题。简单举个例子
render() {
const currentPage = this.state.pageNum;
return (
<Table columns={columns} key={currentPage} pagination={{ total: +this.state.totalData, defaultCurrent: currentPage }} dataSource={this.state.Dates} onChange={this.onPageNum} />
)
}
react 解决antd之Switch 无法动态修改defaultChecked的属性值的办法
react 解决antd之Cascader级联标签、Select标签 无法动态修改defaultValue的属性值的办法