传递值是使用钩子的组件

function ParentComponent() {
  const value = "Hello, World!";
  return <ChildComponent message={value} />;
}

function ChildComponent(props) {
  return <div>{props.message}</div>;
}

const MyContext = React.createContext();

function ParentComponent() {
  const value = "Shared Value";
  return (
    <MyContext.Provider value={value}>
      <ChildComponent />
    </MyContext.Provider>
  );
}

function ChildComponent() {
  const value = React.useContext(MyContext);
  return <div>{value}</div>;
}

// Redux store setup is omitted for brevity

function MyComponent() {
  const value = useSelector(state => state.someValue);
  const dispatch = useDispatch();
  
  // Example action dispatch
  function handleClick() {
    dispatch({ type: 'UPDATE_VALUE', payload: 'New Value' });
  }
  
  return (
    <div>
      {value}
      <button onClick={handleClick}>Change Value</button>
    </div>
  );
}

const MyContext = React.createContext();

function ParentComponent() {
  const [value1, setValue1] = React.useState('Value 1');
  const [value2, setValue2] = React.useState('Value 2');
  
  return (
    <>
      <MyContext.Provider value={value1}>
        <ChildComponent1 />
      </MyContext.Provider>
      <AnotherContext.Provider value={value2}>
        <ChildComponent2 />
      </AnotherContext.Provider>
    </>
  );
}