【问题标题】:while importing reacttable-6, I am getting this error "Attempted import error: 'ReactTable' is not exported from 'react-table-6'."导入 reacttable-6 时,我收到此错误“尝试导入错误:'ReactTable' 未从 'react-table-6' 导出。”
【发布时间】:2020-11-09 08:08:27
【问题描述】:

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

【问题讨论】:

    标签: reactjs react-table react-table-v6


    【解决方案1】:

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

    像这样导入

    import ReactTable from 'react-table-v6'
    

    【讨论】:

      猜你喜欢
      • 2020-10-10
      • 2019-06-06
      • 2019-10-24
      • 2021-10-20
      • 2019-12-19
      • 2023-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多