小编wha*_*wee的帖子

我是 React 的新手，目前我正在 Gatsby 站点上工作，在那里我有一个 Layout.js(Parent) 和 Menu.js(Child)，当 Menu 上的状态发生变化时，我希望它传递给 Layout.js .

我想要做的是当菜单处于活动状态时，布局中的文本会发生变化。

菜单.js

import React, {useState, createContext} from "react"
const MenuContext = createContext(1)

const Menu = (props) => {
  const [active, setActive] = useState(1)
  const clickHandler = () => {
    setActive(!active);
  }
  return(
    <div className={(active ? `open` : `close`)} onClick={clickHandler}></div>
  )
}

export { Menu, MenuContext }

布局.js

import React, {useContext} from "react"
import { Menu, MenuContext } from "../components/menu"

const Layout = ({ children }) => {

  const …