How to implement layout/views in React?

Question

React

How would you implement work with layouts?
See, this is a regular AppComponent:

return (
    <div className="App">
      <header>
        <nav>
          <Link to="somewhere">Главная</Link>
        </nav>
      </header>
      <main>
        <Switch>
          <Route exact path="/" component={}/>
          <Route path="/somewhere" component={} />
        </Switch>
      </main>
    </div>
  );

I want to implement different View. For example, a notFound page should not display a NavigationBar(Menu) and footer.
How to implement it correctly?

Answer 1

another Switch with notFound at the root