将子状态传递给父级以打开和关闭菜单组件

import React, { useState } from 'react';

function ParentComponent() {
  const [isMenuOpen, setIsMenuOpen] = useState(false);

  // 省略其他代码

  return (
    <div>
      <ChildComponent isMenuOpen={isMenuOpen} setIsMenuOpen={setIsMenuOpen} />
    </div>
  );
}

import React from 'react';

function ChildComponent(props) {
  const { isMenuOpen, setIsMenuOpen } = props;

  // 省略其他代码

  return (
    <div>
      <button onClick={() => setIsMenuOpen(!isMenuOpen)}>
        {isMenuOpen ? '关闭菜单' : '打开菜单'}
      </button>
    </div>
  );
}