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