ReactJS：由组件属性决定的动态导航栏组件

Question

在我的应用中，在导航栏中，菜单汉堡包和后退按钮共享同一个 space，并且根据页面显示一个或另一个。

我想实现类似的东西：

<Nav/>
<Page nav={backButton}/>

或

<Page nav={Menu}/>

任何想法或文档链接将不胜感激

谢谢！

Answer 1

通常我会尝试让这个道具驱动。您的父组件可以传递一个 showBackButton 作为开关的道具。

{ showBackButton ? <BackButton /> : <HamburgerMenu /> }