无法更改react虚拟dom中的复选框的状态

import React, { useState } from 'react';

function CheckboxComponent() {
  const [isChecked, setIsChecked] = useState(false);

  return (
    <input
      type="checkbox"
      checked={isChecked}
      onChange={() => setIsChecked(!isChecked)}
    />
  );
}

<input
  type="checkbox"
  checked={this.state.isChecked}
  onChange={this.handleChange}
/>

handleChange = (event) => {
  this.setState({ isChecked: event.target.checked });
};

this.setState({ isChecked: true }, () => {
  console.log(this.state.isChecked); // 现在应该是true
});

<input
  type="checkbox"
  checked={this.state.someValue}
  onChange={this.handleChange}
/>

componentDidUpdate(prevProps, prevState) {
  if (prevState.someValue !== this.state.someValue) {
    // 状态已更新，执行相关操作
  }
}