reactjs - CDataTable (Core UI React) prop onPageChange 触发 2 次

Question

我是 React 和 Core ui 的新手。我的问题是当我尝试从 Core UI React 支持 onPageChange CDataTable 时，它​​总是触发 2 次。因此，如果我想在页面更改时根据所选页面点击端点获取数据，则数据将是错误的。这是我的 CDataTable 核心 ui 示例

<CDataTable
  items={this.state.consultant}
  fields={fields}
  itemsPerPage={10}
  pagination
  onPageChange={() => console.log('Hello')}
  loading={true}
/>

Answer 1

我用检查来解决它

const onPageChange = nextPage => {
   if (nextPage != currentPage) {
     // doSomeThing 
   }
}

你需要存储currentPage在你的状态中。由于 CDataTable 的来源，他们使用 React useState 作为默认行为。

仍然有 2 次触发，但做一次有效载荷。

您也可以分别使用 CDataTable 和 CPagination，在这种情况下onPageChange只触发一次。