React Table 无法正确显示数据

【问题标题】：React Table not displaying data properlyReact Table 无法正确显示数据
【发布时间】：2020-09-24 09:00:08
【问题描述】：

我正在使用 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]}/>

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

【问题讨论】：

标签： reactjs react-table-v6

【解决方案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>
);
}

【讨论】：