Me pregunto si es posible tener una declaración if dentro de una declaración if en una devolución.
Soy consciente de la siguiente sintaxis:
return ( <div> { myVar ? <Component/> : <AnotherComponent/> } </div> )
Lo que quiero es algo como esto:
return ( <div id="App"> { loading ? <Loading/> : userIsLoggedIn ? <Redirect to="/login"/> : <Redirect to="/dashboard"/> } </div> )
es posible? Si no, ¿cómo puedo lograr esto?
En realidad, esta es una mala práctica, evite el ternario anidado ... pero su código será así:
return ( <div id="App"> { loading ? <Loading/> : (userIsLoggedIn ? <Redirect to="/login"/> :<Redirect to="/dashboard"/>)} </div> );