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'

导入reacttable-6时，出现此错误“尝试导入错误：'reactTable'未从'react-table-6'导出。”

1 个答案: