У меня есть эта странная вещь в моем проекте ....
Когда я нажимаю на lin kin header.js, страница плавно меняется. Но ссылки в виде крошки меняют только URL и страница не рендерится. Я должен обновить страницу, чтобы отобразить ее.
Мой index.js выглядит как
<Router>
<Header/>
<Switch>
<Route exact path="/admin" component={withRouter(AdminUsers)} />
<Route exact path="/" component={withRouter(Home)} />
<Route exact path="/about" component={withRouter(About)} />
<Route exact path="/register" component={withRouter(Register)} />
<Route exact path="/login" component={withRouter(Login)} />
<Route exact path="/reset" component={withRouter(Reset)} />
<Route exact path="/profileDoctorCreate" component={withRouter(ProfileDoctorCreate)} />
<Route exact path="/profileDoctorupdate" component={withRouter(ProfileDoctorUpdate)} />
<Route exact path="/profileHospitalCreate" component={withRouter(ProfileHospitalCreate)} />
<Route exact path="/profileHospitalUpdate" component={withRouter(ProfileHospitalUpdate)} />
<Route exact path="/profilelist" component={withRouter(Profilelist)} />
</Switch>
<Footer/>
</Router>
Хлебная крошка
<nav aria-label="breadcrumb">
<ol className="breadcrumb">
<li className="breadcrumb-item"><Link to="/">Home</Link></li>
<li className="breadcrumb-item"><Link to="/profileDoctorCreate">DR Profile Update</Link></li>
<li className="breadcrumb-item"><Link to="/profileDoctorUpdate">DR Profile Update</Link></li>
<li className="breadcrumb-item"><Link to="/profileHospitalCreate">HO Profile Update</Link></li>
<li className="breadcrumb-item"><Link to="/profileHospitalUpdate">HO Profile Update</Link></li>
<li className="breadcrumb-item"><Link to="/profilelist">Profile List</Link></li>
<li className="breadcrumb-item"><Link to="/admin">Admin</Link></li>
</ol>
</nav>
Я использую реагирующий маршрутизатор-Дом и бэкэнд от Laravel. web.php выглядит как
Route::get( '/{path?}', function(){
return view( 'app' );
} )->where('path', '.*');
Любая помощь будет принята с благодарностью.