Реактивный компонент не отображается на маршруте изменен

Question

Я пытаюсь отобразить подкомпоненты родительского компонента с компонентом рендеринга по умолчанию по тому же маршруту.

Например,

Доступ к ParentComponent возможен по этому маршруту '/ 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

Вам необходимо иметь ключевое слово exact для маршрута SubComponentOne

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