为什么React表未呈现我的数据？

Question

我想显示数据在react js上使用React Table，我遵循了网站上的指示。这是我的代码：

import React, { Component } from 'react';  
import './App.css';
import ReactTable from "react-table";  


class App extends Component {  
  render() {  
     const data = [{  
        name: 'Ayaan',  
        age: 26  
        },{  
         name: 'Ahana',  
         age: 22  
         },{  
         name: 'Peter',  
         age: 40      
         },{  
         name: 'Virat',  
         age: 30  
         },{  
         name: 'Rohit',  
         age: 32  
         },{  
         name: 'Dhoni',  
         age: 37  
         }]  
     const columns = [{  
       Header: 'Name',  
       accessor: 'name'  
       },{  
       Header: 'Age',  
       accessor: 'age'  
       }]  
    return (  
      <ReactTable  
      data={data}  
      columns={columns}  
      defaultPageSize = {2}  
      pageSizeOptions = {[2,4, 6]}  
      >  
      </ReactTable>      
    )  
  }  
}  
export default App;  

但是我遇到了一些错误，例如：enter image description here

这是我的依赖项：

"dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1",
    "react-table": "^7.0.4"
  }

我知道这个版本给我带来了什么麻烦或没有麻烦。

Answer 1

您可能正在使用旧示例。请关注：How to create a Simple react-table