React Checkbox状态给出相反的值

Question

这是我的Checkbox组件，这时我正在尝试检查返回的状态是否正确，即在检查返回状态时，它返回“ true”，反之亦然。

现在，当我检查它时，它返回“ false”。当我取消选中时，它说“ true”。

我不太了解我在这里做错了什么，这样的代码对我来说似乎很有意义。仅仅是我的console.log让我失望吗？

export default class Checkbox extends PureComponent {
  constructor() {
    super();
    this.state = {
      checked: false
    };
  }

  handleCheckClick = () => {
    this.setState(prevState => ({
      checked: !prevState.checked
    }));
    console.log(this.state);
  };

  render() {
    const { answer, value } = this.props;
    return (
      <div className="form">
        <div className="form__answer">
          <FormGroup check>
            <Label check>
              <Input
                type="checkbox"
                name="check"
                checked={this.state.checked}
                onChange={this.handleCheckClick}
                value={value}
              />
              {answer}
              <span className="checkmark" />
            </Label>
          </FormGroup>
        </div>
      </div>
    );
  }
}