反应表无法正确显示数据

问题描述

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

但是，我的桌子没有显示任何信息。我不确定目前出了什么问题

解决方法

您需要使用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>
);
}

react-table-v6 reactjs reactjs