美文网首页
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