reactjs - react 原生数据表中的分页

Question

我对本地 react 非常陌生，目前我正在构建小型应用程序，以便对此有一个正确的了解。我在使用 react-native-paper 作为 ui 库时遇到分页问题。所以我使用了内置的数据表。我为每页分配了 3 条记录，但所有记录都显示在表中。要添加到此的任何更多代码以处理分页。

import { DataTable } from 'react-native-paper'
      const itemsPerPage = 3;
      const [page, setPage] = useState(0);
      const from = page * itemsPerPage;
      const to = (page + 1) * itemsPerPage;
    
       <DataTable.Pagination
            page={page}
            numberOfPages={Math.floor(listdata.length / itemsPerPage)}
            onPageChange={page => setPage(page)}
            label={`${from + 1}-${to} of ${listdata.length}`}
          />
       </DataTable>

Answer 1

也许您可以尝试使用 react-data-table-component 中的 DataTable 代替。
工作样本:https://codesandbox.io/embed/react-data-table-sandbox-ccyuu