在颤动中无法在脚手架之外使用setState()

class MyComponent extends React.Component {
  state = { data: null };

  updateState = (newData) => {
    this.setState({ data: newData });
  }

  render() {
    return <ChildComponent onUpdate={this.updateState} />;
  }
}

function ChildComponent({ onUpdate }) {
  // 当需要更新状态时调用回调函数
  const handleClick = () => {
    onUpdate('new data');
  };

  return <button onClick={handleClick}>Update State</button>;
}

const MyContext = React.createContext();

class MyComponent extends React.Component {
  state = { data: null };

  updateState = (newData) => {
    this.setState({ data: newData });
  }

  render() {
    return (
      <MyContext.Provider value={{ data: this.state.data, updateState: this.updateState }}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

function ChildComponent() {
  const { data, updateState } = useContext(MyContext);

  const handleClick = () => {
    updateState('new data');
  };

  return (
    <div>
      <p>{data}</p>
      <button onClick={handleClick}>Update State</button>
    </div>
  );
}