My navbar and footer should be on every page. I did the routing

const store = createStore (reducer, composeWithDevTools (applyMiddleware (thunk)));

ReactDOM.render( <div> <Navbar /> <Provider store={store}> <BrowserRouter> <Switch> <Route exact path="/" component={App} /> <Route path="/personal/desktop" component={Desktop} /> </Switch> </BrowserRouter> </Provider> <Footer /> </div>, document.getElementById("root") );

But in this case, for some reason, when I click on the / personal / desktop link, the logos and so on are loaded again. from navbar and footer.

    1 answer 1

    Simply wrap the code in some component or div.

     ReactDOM.render( <div> <Provider store={store}> <BrowserRouter> <div> <Link to="/">Admin</Link> <Navbar /> <Switch> <Route exact path="/" component={App} /> <Route path="/personal/desktop" component={Desktop} /> </Switch> <Footer /> </div> </BrowserRouter> </Provider> </div>, document.getElementById("root") );