在变量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>
)
}
结果是下一个
给人的印象是生成了循环,但我不知道生成循环的原因。感谢您的建议