reactjs - 在另一个组件中 React Router Dom Link

Question

总的来说，我对 React 还很陌生，所以如果有一个简单的解决方案，我提前表示歉意。

我有两个组件:

仪表板
--侧边栏(在仪表板中调用)

我在仪表板中设置了路径，并在侧边栏中设置了链接。当我单击链接时，URL 会发生变化，但仪表板不会重新呈现，因此它仅在页面刷新时发生变化。我的问题是，有没有一种方法可以通过 react 路由器将我的仪表板设置为在单击侧边栏中的链接时重新渲染？

导入

import { BrowserRouter, Route, Link } from 'react-router-dom';

仪表板组件:

<DashboardSidebar />
<BrowserRouter>
    <div>
        <Route exact path="/" component={DashboardLanding} />
        <Route path="/profile" component={ViewUsers} />
        <Route path="/project" component={ViewProjects} />
    </div>
</BrowserRouter>

仪表板侧边栏组件

<BrowserRouter>
    <Link
        to="/"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
    <Link
        to="/profile"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
    <Link
        to="/project"
        className="nav-link" 
        onClick={this.navigation} 
    >
    Link</Link>
<BrowserRouter>

Answer 1

不需要在侧边栏组件中添加另一个组件。用 div 或 Fragment 包裹它。