Я попытался установить флажок, который изменяет текст, когда флажок установлен или снят, однако кажется, что состояние не было изменено даже после срабатывания флажка. Я пытаюсь следовать руководству и сталкиваюсь с этой ошибкой, которая по какой-то причине не может найти, в чем проблема. Ниже мой текущий код.
var UseOfState = class extends React.Component {
constructor(props) {
super(props);
this.state = {isCheck: true};
this.toggleCheckbox = this.toggleCheckbox.bind(this);
}
toggleCheckbox () {
console.info('checkbox triggered');
this.setState = ({isCheck: !this.state.isCheck});
}
render () {
console.info('render');
var msg;
if (this.state.isCheck) {
msg = 'checked';
console.info(this.state.isCheck);
} else {
msg = 'unchecked';
console.info(this.state.isCheck);
}
return (
<div>
<input type = "checkbox" onChange = {this.toggleCheckbox} defaultChecked = {this.state.isCheck}/>
<h3>Check box is {msg}</h3>
</div>
);
}
}
ReactDOM.render(<UseOfState/>,document.getElementById('root'));
Вот мой код: https://codepen.io/anon/pen/OazZpa
Я хочу знать, откуда у меня ошибка :)



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


В строке ниже есть опечатка
this.setState = ({isCheck: !this.state.isCheck});
к
this.setState({isCheck: !this.state.isCheck});
Тогда нормально работает.