当导入react table-6时，我得到这个错误信息"Attempted error：'ReactTable‘is not exported from’react-table-6‘“。

Question

首先，我使用npm命令安装react-table-6。

之后我会得到这个错误-“”尝试导入错误：'ReactTable‘没有从’react-table-6‘中导出“。

我只是从一个虚拟api中获取数据，并希望显示在一个表中。提前谢谢。

这是代码-

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

class LoginForm extends React.Component {
    constructor(props){
          super(props);
          this.state={
            username:'',
            password:'',
            contacts:[]
          }
        }

        componentDidMount() {
          fetch('http://jsonplaceholder.typicode.com/users')
          .then(res => res.json())
          .then((data) => {
            this.setState({ contacts: data })
            console.log(this.state.contacts);
          })
          .catch(console.log)
        }
    render(){
        const columns = [{
            Header: 'Name',
            accessor: 'name' 
        }, {
            Header: 'Id',
            accessor: 'id',
        }]
        return(
            <div className="wrapper">
                <div className="container">
                    <h5>LoginForm Component</h5>
                </div>
                <div className="tableData">
                    <ReactTable 
                    data = {this.state.contacts} 
                    columns = {columns}     />
                </div>
            </div>
        )
    }
}

export default LoginForm;```

Answer 1

这是文档https://github.com/tannerlinsley/react-table/tree/v6

像这样导入

import ReactTable from 'react-table-v6'