天天看点

Antd Table树形展示,分页后有时候数据渲染不出的问题项目场景:问题描述:解决方案:

项目场景:

  • Antd V4版 网页端

问题描述:

  • 使用Table树形
  • 使用Card onTabChange 切换tab,有时候数据渲染不出的问题
const paginationProps = {
		      Current: currentNumber,
		      size: 'small',
		      pageSize,
		      total,
		      onChange: (PageNumber) => this.getList(PageNumber),
		      showTotal: total => `共有 ${total || 0} 条`
		 };
		 <TreeList
            loading={loadingTree}
            paginationProps={paginationPropsTree}
            data={dataTree}
            currentBatch={currentBatch}
            handleBatchVisible={this.handleBatchVisible}
            remove={this.remove}
            getBatchDetails={this.getBatchDetails}
          />
           

解决方案:

Current与current大小写

修改为:

const paginationProps = {
      current: currentNumber,
      size: 'small',
      pageSize,
      total,
      onChange: (PageNumber) => this.getList(PageNumber),
      showTotal: total => `共有 ${total || 0} 条`
    };
           

继续阅读