ReactJS：动态Navbar组件由组件属性决定

Question

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

我想实现类似的东西：

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

或

<Page nav={Menu}/>

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

谢谢！

Answer 1

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

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