как использовать коммутируемые маршруты и не коммутирующие маршруты вместе?

Question

Я пытаюсь переключаться между двумя компонентами в реакции, но в целом, когда мой путь «логин», я хочу, чтобы любой из двух вышеупомянутых компонентов оставался на экране в том виде, как они есть, и компонент «логин» появляется вместе сдругой компонент, теперь мои 2 компонента переключаются, но при входе в систему он выглядит как компонент входа внутри тега Switch.

       public renderLogIn=(props:any)=>
             (<Popup {...props} />)

      <Switch>
          <Route exact={true} path="/" component={MainData}/>
          <Route path='/groups/:group/add' component={AddUserToGroup}/>
      </Switch>
      <Route path='/login' render={this.renderLogIn}/>

Answer 1

спасибо всем, кто пытался ... Я нашел ответ, который работал для меня:

          <Switch>
              <Route path='/groups/:group/add' component={AddUserToGroup}/>
              <MainData>
                  <div>
                      <Route path='/login' render={this.renderLogIn}/>
                  </div>
              </MainData>
          </Switch>

надеюсь, он вам тоже поможет!