Как загрузить страницу после нажатия на навигационную ссылку в реакции-роутере 4

Question

Я начинаю реагировать. После перехода по ссылке на страницу я хочу полностью загрузить страницу. Но теперь страница Navlink нажата, DOM заменен обновленным DOM.

Navigation.js

import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import { navigationlinks as links } from "../../../data.json";

class Navigation extends Component {
    render() {
        return (
            <div className="header-nav navbar-collapse collapse ">
                <ul className=" nav navbar-nav">
                    {links.to.map((to, i) => 
                        <li key={links.tab[i]}>
                            <NavLink to={to}>{links.tab[i]}</NavLink>
                        </li>
                    )}
                </ul>
            </div>
        );
    }
}
export default Navigation;

App.js

class App extends Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <Switch>
                        <Route path="/" component={Index} exact />
                        <Route path="/aboutus" component={Aboutus} exact />
                        <Route path="/services" component={Services} exact />
                        <Route path="/contact" component={Contact} exact />
                        <Route path="*" component={PageNotFound} />
                    </Switch>
                </div>
            </BrowserRouter>
        );
    }
}

Answer 1

Если вам нужна полная перезагрузка страницы, вам нужно использовать классический тег <a href="/path"> вместо <Link> из react-router.Это приведет к полной перезагрузке страницы.