React，点击复选框后如何获取数据？

constructor(props) {
  super(props);
  this.state = {
    isChecked: false,
    data: null
  };
}

handleCheckboxChange = () => {
  this.setState(prevState => ({
    isChecked: !prevState.isChecked
  }));
}

getData = () => {
  if (this.state.isChecked) {
    // 获取数据的逻辑
    // 可以调用后端 API，或者从本地存储中获取数据
    // 更新组件的状态，并显示数据
    this.setState({
      data: "获取到的数据"
    });
  }
}

render() {
  return (
    <div>
      <input
        type="checkbox"
        checked={this.state.isChecked}
        onChange={this.handleCheckboxChange}
      />
      <button onClick={this.getData}>获取数据</button>
      <div>{this.state.data}</div>
    </div>
  );
}