reactjs - 针对特定组件的 React Router Links
问题描述
假设我有一个应用程序正在使用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>
)
}
}
然后在我的仪表板组件中,我有一个链接,但我希望链接仅根据匹配更新我的 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>
解决方案
推荐阅读
- c# - 当我在 getresponsedata 上设置断点时,代码运行良好,但没有断点则无法运行
- javascript - 如何将 React Native 自定义警报作为函数调用?
- javascript - 每个调用方法的 Javascript 计数器
- python - 添加具有另一列和cumsum的字符串长度的列?
- javascript - 事件冒泡如何在事件处理中起作用?
- angular - 转换承诺
特定类型错误 - mocking - 如何使用 Jest 模拟 Algolia 的连接器?
- java - 错误:使用 'application/json' Content-Type 和原始 POST 与 json 数据
- corda - Corda 如何处理部分签名的交易corda 4?
- jsonschema - JSON Schema - conditional validation