从一个复选框中获取名称和当前值: react js

constructor(props) {
  super(props);
  this.state = {
    checkboxValue: false
  };
}

handleCheckboxChange = (event) => {
  const { name, checked } = event.target;
  this.setState({ [name]: checked });
}

render() {
  const { checkboxValue } = this.state;

  return (
    <div>
      <label>
        <input
          type="checkbox"
          name="checkboxValue"
          checked={checkboxValue}
          onChange={this.handleCheckboxChange}
        />
        Checkbox
      </label>
      <p>名称：checkboxValue</p>
      <p>当前值：{checkboxValue.toString()}</p>
    </div>
  );
}