通过共享状态进行通信

• 本质上就是两个子组件以父组件为桥梁进行通信
  • 即子组件A<-->父组件<-->子组件B

示例

export default function MyApp() {
  const [count, setCount] = useState(0);
  function handleClick() {
    setCount(count + 1);
  }
  return (
    <div>
      <h1>Counters that update together</h1>
      <MyButton count={count} onClick={handleClick} />
      <MyButton count={count} onClick={handleClick} />
    </div>
  );
}

• base::组件参数, state