ReactJS: динамический компонент Navbar, определяемый компонентом prop

Question

В моем приложении в панели навигации гамбургер меню и кнопка "Назад" делят одно и то же пространство, и одно или другое отображается на основе страницы.

Я хотел бы реализовать что-то вроде:

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

или

<Page nav={Menu}/>

Любые идеи или ссылки на документы будут с благодарностью

Спасибо!

Answer 1

Обычно я бы попытался привести в движение эту опору.Ваш родительский компонент может передать showBackButton реквизит, который действует как переключатель.

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