小编C D*_*C D的帖子

我正在尝试构建一个应用程序，但问题是当我更改状态时，所有组件都会重新渲染。

const App=()=>{
   const [showMenu,setshowMenu]=useState(false)
   

 return(
     <>

     <Header showMenu={showMenu} setShowMenu={setShowMenu}/>

     <MainArea/>

     {showMenu ? <Menu/> : null}

     <Footer/>

    </>
 )

}

当我通过按钮将 showMenu 设置为 true 时，会出现一个菜单，但问题是我的所有组件（页眉、主区域、页脚）都会重新渲染。我不想要这样。我怎么解决这个问题？