美文网首页
react 解决antd之Table 无法动态修改default

react 解决antd之Table 无法动态修改default

作者: CoderZb | 来源:发表于2020-08-06 13:28 被阅读0次
问题描述:

例如,在列表界面,将页面切成第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的属性值的办法

相关文章

网友评论

      本文标题:react 解决antd之Table 无法动态修改default

      本文链接:https://www.haomeiwen.com/subject/gcmzrktx.html