我正在尝试在 React 中使用 setState

Question

我正在尝试将 setState 函数用于我的应用程序中的方法 class..

当前代码示例：

addRandomContact() {
this.setState({
  actors: contacts.slice(0, 6)
})

}

我希望我的联系人数组的长度从 5 变为 6。

我收到的错误如下：

TypeError: 无法读取未定义的属性 'setState' 添加随机联系人

Answer 1

"this" 关键字在此函数内不可访问，因此未定义。您必须使用如下箭头函数：

addRandomContact = () => {
this.setState({
  actors: contacts.slice(0, 6)
})

Answer 2

虽然从您给定的代码库中不是很清楚问题出在哪里，但您可能犯的一个错误是您没有在该 class 组件的构造函数中绑定 addRandomContact。尝试将以下代码粘贴到您的构造函数中并检查它是否解决了

this.addRandomContact = this.addRandomContact.bind(this);

I am attempting to use setState in React