无法读取未定义的属性(读取"setState")，Laravel-React

Question

在此处输入图像描述

class Table extends Component {
constructor(props) {
super(props);

this.state = {
employee: [],
}
}
//Life Sycle Methord
componentDidMount() {
this.getEmployeeList();
}
// Get Employee List
getEmployeeList = (e) => {
axios.get('get/employee/list').then(function (response) {
console.log(response.data);
this.setState({
employee : response.data,
});

})
}
render() {
return (
<div className="container">
<div className="row justify-content-center">
<div className="col-md-8">
<div className="card">
<table className="table table-hover">
<thead>
<tr>
<th scope="col" width="100px">#</th>
<th scope="col" width="100px">Name</th>
<th scope="col" width="100px">Slary</th>
<th scope="col" width="100px">Action</th>
</tr>
</thead>
<tbody>
{this.state.employee.map(function (x, i) {
<TableRow key={i} data={x} />
})}
</tbody>
</table>
</div>
</div>
</div>
</div>
);
}
}
export default Table;

当我尝试这个代码时(如上面提到的图片https://i.stack.imgur.com/gazFY.png)，我得到一个错误如下。。。

"无法读取未定义的属性(读取"setState"(">

Answer 1

您可以在getEmployeeList中直接调用this.setState。。

constructor(props) {
super(props);

this.state = {
employee: [],
}
this.getEmployeeList = this.getEmployeeList.bind(this);
}
async functiion getEmployeeList(e) {
const response = await axios.get('get/employee/list');
console.log(response.data);
this.setState({
employee : response.data,
});
}

有没有什么特别的原因，你把它分配给变量self。这个关键字在正常函数&在箭头函数中。。

请参阅。。

"；这个"；关键词工作，什么时候应该使用？