использование нескольких заголовков в реагирующем маршрутизаторе - PullRequest
0 голосов
/ 25 сентября 2019
class App extends Component {
  render() { 
    let pathName=window.location.pathname;
    console.log('pathName==>',pathName);
    let loginhideheaderpath = pathName==="/" || pathName==="/login";
    let securnetheaderpath = pathName==='/Contentlanding/Reports';
    let gallerypath = pathName==='/Contentlanding/Gallerylanding'

    return (  
      <>   
      { securnetheaderpath ? <Securnetheader  /> : ( loginhideheaderpath) ? null :(gallerypath) ? <Galleryheading /> : <Header />   }
       <Router history={history}>
         <Switch>
           <Route exact path="/" component={Login} />
           <Route exact path="/login" component={Login} />
           <Route exact path="/Contentlanding" component={Contentlanding} />            
           <Route exact path="/Contentlanding/Birthdaylist" component={Birthdaylist} />
           <Route exact path="/Contentlanding/Reports" component={Reports} />
           <Route exact path="/Contentlanding/Gallerylanding" component={Gallerylanding} />
           <Route component={Nodocumentfound} />
         </Switch>
       </Router>
      </>
    );
  }
}

В моем проекте я использую несколько заголовков, я отображаю заголовок для компонентов на основе URL.мое состояние работает нормально.проблема в том, что когда я использую кнопку возврата браузера, заголовок не меняется.Любое решение, чтобы это исправить Спасибо заранее.

...