Es válida la siguiente ejecución condicional?
<Route path="/" render={() => isReg ? ( cliente ? <HomeCliente /> : <HomeProveedor /> ) : <Inicio /> } />
La misma está implementada de la siguiente manera, donde isReg y cliente son hooks que toman valores booleanos.
const App: React.FC = () => {
const [isReg, setIsReg] = useState(false);
const [cliente, setCliente] = useState(true);
useEffect(() => {
if(renderAgain){
console.log("render again igual a true")
}
getItem("isRegistered").then(res => {
if (res!=null){
setIsReg(true);
getItem("clientType").then(res => {
console.log("tipo de cliente: "+res)
if (res=="1"){
console.log("entonces es igual a 1 el tipo de cliente")
setCliente(true)
}else{
console.log("entonces es igual a 2 o 3 el tipo de cliente")
setCliente(false)
}
})
}
else{
setIsReg(false);
}
});
}, []);
return(
<IonApp>
<IonReactRouter>
<IonSplitPane contentId="main" when="(min-width: 4096px)">
<Menu renderAgain={renderAgain} />
<IonRouterOutlet id="main">
<Route path="/" render={() => isReg ? ( cliente ? <HomeCliente /> : <HomeProveedor /> ) : <Inicio /> } />
</IonRouterOutlet>
</IonSplitPane>
</IonReactRouter>
</IonApp>
);
};
export default App;