Renderowanie komponentu w komponencie- react

Question

Hej, posiadam prostą stronę w reaccie która pobiera mi dane z Api i wyświetla na stronie. mam w niej 4 komponenty:
Nav, Data (wyświetlanie danych z api), ApiDetail która wyświetla mi szczegóły z obiektu api  oraz header.

W app.js wygląda to tak:

  return (
    <div className="App">
      <Router>
        <Nav />
        <Header />
        <Switch />
        <Route path="/" component={Data} exact />
        <Route path="/job/:slug" component={ApiDetail}/>
        <Switch />
      </Router>
    </div>
  );

Teraz chciałbym, aby po kliknięciu w link który przenosi na /job/-slug pokazywał się tylko komponent Nav bez Headera, więc usuwam header z app.js i przekazuje go tylko w komponencie Data - Wtedy na stronie głównej mam również header, ale po kliknięciu w linka ze slugiem już nie- Czyli tak jak chce mieć. Czy takie renderowanie komponentu w komponencie jest prawidłowe?

Answer 1

Nie do końca rozumiem Twoj problem, ale wydaje mi się że możesz pomyśleć nad higher order components