反应组件未在路线上呈现更改

Question

我正在尝试通过相同的路由使用默认渲染组件渲染父组件子组件。

例如

可以通过此路由“/dash/overview”访问 ParentComponent 现在在 ParentComponent 中，我想渲染一个与 ParentComponent 具有相同路由的默认组件。

父组件.js

                <Switch>
                  <Route path="/dash/overview/" render={() => <SubComponentOne/>}/>
                  <Route path="/dash/subtwo" render={() => <SubComponentTwo/>}/>
                </Switch>

我想渲染 SubComponentOne.. 它工作正常，但是当我将路由更改为 /dash/subtwo 时，它不会渲染 SubComponentTwo

我正在使用路由器Link 在路由之间切换，我也在使用HashRouter

Answer 1

SubComponentOne 路由需要有 exact 关键字

            <Switch>
              <Route exact path="/dash/overview/" render={() => <SubComponentOne/>}/>
              <Route path="/dash/subtwo" render={() => <SubComponentTwo/>}/>
            </Switch>