reactjs - React Table 无法正确显示数据

Question

我正在使用 React-Table-V6 并且无法理解为什么我的数据没有被呈现：

const sanArrayCols = [
  {Header: 'Serial No.', accessor: 'serialNumber'}
];

let temp = [{
  serialNumber: '1'
}];

<ReactTable 
  data={temp}
  columns={sanArrayCols}
  defaultPageSize={10}
  pageSize={[10, 20, 30]}/>

然而，我的桌子没有向我展示任何东西。我不确定现在出了什么问题

Answer 1

您需要使用 npm 安装 react-table-6 为：
npm i react-table-6

那么你需要导入：
import ReactTable from 'react-table-6';
import 'react-table-6/react-table.css';

您的代码不包含错误并且会说话。我制作了一个 React 功能组件来测试它。

import React from "react";
import ReactTable from 'react-table-6';
import 'react-table-6/react-table.css';

export default function Rtable() {
const sanArrayCols = [
{Header: 'Serial No.', accessor: 'serialNumber'}
];

let temp = [{
serialNumber: '1'
}];

return (
<div>
<ReactTable columns={sanArrayCols} data={temp} ></ReactTable>
</div>
);
}