Fatal编程技术网
  • reactjs/
  • Reactjs 如何同时使用交换路由和非交换路由？

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

reactjs routes

Reactjs 如何同时使用交换路由和非交换路由？,reactjs,routes,switch-statement,Reactjs,Routes,Switch Statement,我试图在react中的两个组件之间切换，但总的来说，当我的路径 是“登录”吗？我希望上面两个组件中的任何一个都保持原样，并且“登录”组件与另一个组件一起出现， 现在我的2个组件切换了，但是当登录时，它看起来也像是开关标签中的登录组件 public renderLogIn=(props:any)=> (<Popup {...props} />) <Switch> <Route exact=

我试图在react中的两个组件之间切换，但总的来说，当我的路径 是“登录”吗？我希望上面两个组件中的任何一个都保持原样，并且“登录”组件与另一个组件一起出现， 现在我的2个组件切换了，但是当登录时，它看起来也像是开关标签中的登录组件

       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}/>

public renderLogIn=（道具：any）=>
()

感谢所有尝试过。。。
我找到了对我有用的答案：


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






希望它也能帮助你