如何同时使用交换路由和非交换路由？

Question

我试图在react中的两个组件之间切换，但是当我的路径是" login“时，我希望上面两个组件中的任何一个都保留在屏幕上，并且" login”组件与另一个组件一起出现，现在我的两个组件切换，但当登录时，它看起来也像switch标签中的login组件。

       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>

希望它也能帮助你！