¿如何使用组件重定向解决此错误?

时间:2019-07-07 16:43:52

标签: reactjs react-router

在变量getUser为null的情况下,我尝试重定向到路径/登录名,但是使用重定向组件时出现错误。我正在使用围绕App组件的高阶组件

const App = ({refetch, session}) => {
const getUser = session.obtenerUsuario;
let message = (getUser) ? `Welcome ${getUser.usuario}` : <Redirect to="/login"/>;
return(
    <Fragment>

    <Router>
      <Fragment>
        <Menu/>
        <div className="gray-bg" id="page-wrapper">
          <Header/>
          {message}
          <Switch>
            <Route exact path="/zonas" component={Zonas}/>
            <Route exact path="/mapaAguachica" component={MapaAguachica}/>
            <Route exac path="/zona/barrio/:id" component={Barrios}/>
            <Route exact path="/campañas/micro" component={Micro}/>
            <Route exact path="/campañas/macro" component={Macro}/>
            <Route exact path="/campañas/votantes" component={Votantes}/>
            <Route exac path="/campañas/registro" component={Registro}/>
            <Route exac path="/cumpleaños" component={Cumple}/>
            <Route exac path="/perfil/:id/:nombre" component={Perfil}/>
            <Route exac path="/registrar/usuario" component={RegistroUsuario}/>
            <Route exac path="/login" render = {() => <Login refetch={refetch}/>}/>
          </Switch>
          <Footer/>
        </div>
      </Fragment>
    </Router>
    </Fragment>
)

}

结果是下一个

Result of to run the app

给人的印象是生成了循环,但我不知道生成循环的原因。感谢您的建议

0 个答案:

没有答案