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的属性值的办法

上一篇 下一篇

猜你喜欢

热点阅读