React Router Links направлен на конкретные компоненты - PullRequest
2 голосов
/ 15 марта 2019

Допустим, у меня есть приложение, использующее react-router-dom

App.js
class App extends Component {
   render() {
      return (
        <Fragment>
          <Switch location={location}>
            <Route exact path="/" component={LoginPage} />
            <Route loggedIn={loggedIn} path="/dashboard" component={Dashboard} location={location} />
          </Switch>
        </Fragment>
      )
   }
}

Тогда внутри моего компонента Dashboard у меня есть ссылка, но я хочу, чтобы ссылка обновляла только мой компонент ChatConversation на основе совпадения match.params.id

Dashboard.js
<Fragment>
  <Left>
    <SettingsMenu />
    <ConversationsContainer />
  </Left>
  <Right>
    <Route path="/dashboard/conversations/:id" component={ChatConversation} />
  </Right>
</Fragment>

Есть ли способ сделать так, чтобы обновлялся только мой компонент ChatConversation и он не обновлял весь компонент приложения, находящийся внутри коммутатора моего App.js?

ChatConversation.js
<Fragment>
  Conversation ID: {match.params.id}
</Fragment>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...