Как решить данную проблему React js?

Question

[Ibishka]

У меня есть компонент stories и есть кнопки на нескольких страницах которая должен ссылать на тот компонент проблема в том что в app js есть header и footer а их не должно быть как решить данную проблему ?

import React from "react";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import { Header } from "./components/Header";
import { Home } from "./pages/home/Home";
// import logo from "./logo.svg";

class App extends React.Component {
  render() {
    return (
      <BrowserRouter>
        <Header />
        <Switch>
          <Route path="/" component={Home} exact />
        </Switch>
      </BrowserRouter>
    );
  }
}

export default App;

Answer 1

[Дмитрий]

Выводить header по условию, в зависимости от location, Если перед открытием вашего компонента меняется адрес, или завести переменную в state или в store, которую менять перед переходом к компоненту stories.