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

您需要将react-table-6与npm一起安装为：

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>`

);

}