Перезагрузить страницу перенаправить на главную страницу с реагировать на маршрутизатор - PullRequest
Новая
       25

Перезагрузить страницу перенаправить на главную страницу с реагировать на маршрутизатор

0 голосов
/ 23 марта 2020

При попытке перезагрузить приложение подстраницы перенаправить меня на главную страницу. Когда я набираю страницу браузера (например: /about), приложение перенаправляет меня на главную страницу. Это мой компонент маршрутизатора в App. js.

PS Я использую функции стрелок в React. 

<Router>
        <Header />
        <Container history={props.history}>
          <Route exact path="/" component={SelectLogin} />
          <Route path="/selectlogin" component={SelectLogin} />
          <Route path="/about" component={About} />
          <Route path="/register" component={RegisterPanel} />
          <Route path="/addcomment" component={AddComment} />
          <Route path="/findposts" component={FindPosts} />
          <Route path="/lostposts" component={LostPosts} />
          <Route path="/posts" component={Posts} />
          <Route path="/lostpost" component={LostPost} />
          <Route path="/findrequest" component={FindRequest} />
          <Route path="/lostrequest" component={LostRequest} />
          <Route path="/requestsummary" component={Summary} />
          <Route path="/logincode" component={LoginCodePanel} />
          <Route path="/logindata" component={LoginDataPanel} />
          <Route path="/adminpanel" component={AdminPanel} />
          <Route path="/editprofile" component={EditProfile} />
          <Route path="/userpanel" component={UserPanel} />
          <Route path="/userposts/:id" component={UserPosts} />
          <Route path="/editpost" component={EditPost} />
        </Container>
      </Router>

1 Ответ

1 голос
/ 23 марта 2020

Я полагаю, что вы пропустили <Switch /> компонент в середине.

Попробуйте следующее: 

<Router>
   <Switch>
        <Header />
        <Container history={props.history}>
          <Route exact path="/" component={SelectLogin} />
          { /* all the other routes */ }
          <Route path="/editpost" component={EditPost} />
        </Container>
   </Switch>
</Router>

См. Базовый c пример маршрутизации здесь .

Надеюсь, это поможет!

...