Компонент макета React для рендеринга указанных c маршрутов в маршрутизаторе реакции - PullRequest
Новая
       74

Компонент макета React для рендеринга указанных c маршрутов в маршрутизаторе реакции

0 голосов
/ 09 мая 2020

Я использую Gatsby с @reach/router, у меня есть этот простой маршрутизатор 

<>
  <Router basepath="/video">
    <Auth path="/assessment/:keyId" />
  </Router>

  <Layout>
    <Router basepath="/video">
      <PrivateRoute path="/register/:keyId" component={Register} />
      <PrivateRoute path="/tutorial/:keyId" component={Tutorial} />
      <PrivateRoute path="/test/:keyId" component={Test} />
      <PrivateRoute path="/questions/:keyId" component={Questions} />
      <PrivateRoute path="/complete/:keyId" component={Complete} />
      <PrivateRoute path="/personality/:keyId" component={Personality} />
      <PrivateRoute path="/results/:keyId" component={Results} />
    </Router>
  </Layout>
</>

И на Layout Компонент у меня такой простой: 

<>
  <Header />
  {children}
</>

Проблема входит в состав <Auth/>. Он отображается с <Header/>. Зачем? Я оборачиваю определенные c маршруты для рендеринга с <Layout/>, все, кроме <Auth/>. Что я делаю не так? Есть решения?

...