Допустим, у меня есть приложение, использующее 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>