React组件未在已更改的路由上渲染

Question

我试图渲染父组件子组件与默认渲染组件通过相同的路由。

例如

父母组件可以通过此路由访问/破折号/概述现在在父母组件中，我想呈现一个与父母组件具有相同路由的默认组件。

ParentComponent.js

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

我想渲染子组件音调。。它工作正常，但当我将路径更改为/dash/subtwo时，它不会呈现子组件two

我正在使用路由器链接在路由之间切换，我也在使用哈希路由器

Answer 1

你需要有确切的关键字为SubComponentOne路由

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