reactjs - 接下来的反应表中有一个我无法处理的错误

Question

当我在表格的最后一页上进行搜索时，出现了一个我不知道如何处理的错误。但是当我在第一页上搜索时，错误没有出现，在进行搜索时，错误只出现在最后一页上。有错误

无法读取未定义的属性“id”

. 即使我已将“id”定义为键域

这是我使用的代码。

const options = {
custom: true,
sizePerPage: 5,
paginationSize: 4,
pageStartIndex: 1,
firstPageText: "First",
prePageText: "Back",
nextPageText: "Next",
lastPageText: "Last",
nextPageTitle: "First page",
prePageTitle: "Pre page",
firstPageTitle: "Next page",
lastPageTitle: "Last page",
showTotal: true,
totalSize: datas.length};



const contentTable = ({ paginationProps, paginationTableProps }) => (
    <div>
      <PaginationListStandalone {...paginationProps} />
      <ToolkitProvider keyField="id" columns={columns} data={datas} search>
        {(toolkitprops) => (
          <div>
            <SearchBar {...toolkitprops.searchProps} />
            <BootstrapTable
              striped
              hover
              {...toolkitprops.baseProps}
              {...paginationTableProps}
            />
          </div>
        )}
      </ToolkitProvider>
      <PaginationListStandalone {...paginationProps} />
    </div>
  );

  return (
    <div>
      <h2>
        PaginationProvider will care the data size change. You dont do anything
      </h2>
      <PaginationProvider pagination={paginationFactory(options)}>
        {contentTable}
      </PaginationProvider>
    </div>
  );

完整代码：ReactJs-Table-Next

标签： reactjsnext.jsreact-table