React如何在所有子组件中触发setState？

// 创建一个 Context
const MyContext = React.createContext();

class ParentComponent extends React.Component {
  state = {
    someState: false
  };

  toggleState = () => {
    this.setState(prevState => ({
      someState: !prevState.someState
    }));
  };

  render() {
    return (
      <MyContext.Provider value={{ toggleState: this.toggleState }}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  static contextType = MyContext;

  render() {
    return (
      <button onClick={this.context.toggleState}>
        Toggle State
      </button>
    );
  }
}

// Redux action
const TOGGLE_STATE = 'TOGGLE_STATE';

// Redux reducer
const initialState = {
  someState: false
};

function reducer(state = initialState, action) {
  switch (action.type) {
    case TOGGLE_STATE:
      return {
        ...state,
        someState: !state.someState
      };
    default:
      return state;
  }
}

// 在组件中使用
import { useSelector, useDispatch } from 'react-redux';

function ChildComponent() {
  const dispatch = useDispatch();
  const someState = useSelector(state => state.someState);

  return (
    <button onClick={() => dispatch({ type: TOGGLE_STATE })}>
      Toggle State
    </button>
  );
}

class ParentComponent extends React.Component {
  state = {
    someState: false
  };

  toggleState = () => {
    this.setState(prevState => ({
      someState: !prevState.someState
    }));
  };

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

class ChildComponent extends React.Component {
  render() {
    return (
      <button onClick={this.props.toggleState}>
        Toggle State
      </button>
    );
  }
}