0

首先我通过 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;```
4

1 回答 1

0

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

像这样导入

import ReactTable from 'react-table-v6'
于 2020-07-20T06:22:53.323 回答