反应复选框不起作用，onChange不会触发

Question

我已经检查了各个论坛来解决此问题，但是我找不到一个示例，其中的发帖人实际上是从React文档中复制并粘贴的。

我已经包含了一段代码。

当我将鼠标悬停在此复选框上时，它会发疯，并会发作（几乎就像闪烁一样）。当我单击它时，我不相信onChange会触发，因为控制台没有输出。复选框代码是直接从https://reactjs.org/docs/forms.html复制并粘贴的。

如果我设法在复选框闪烁期间单击该复选框，则整个复选框都会消失。

任何帮助将不胜感激。我希望这个问题已经在其他地方提出来，我似乎找不到。

class LoginPage extends React.Component {
constructor(props) {
    super(props);

    this.state = {
        username: '',
        password: '',
        submitted: false,
        isGoing: true,
    };

    this.handleInputChange = this.handleInputChange.bind(this);
}


handleInputChange(event) {
    console.log("handle input change")
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;

    this.setState({
        [name]: value
    });
}


render() {

    return (
      <span>
        <input
            name="isGoing"
            type="checkbox"
            checked={this.state.isGoing}
            onChange={this.handleInputChange} 
        />
        <label>Checkbox</label>
      </span>
    );

我认为这不会有所作为，但是我在大多数应用状态中都使用redux。

谢谢！