Estoy empezando con redux y react y estoy un poco confundido con lo siguiente:
Tengo un objeto auth
en el store de redux
con los valores:
isLoggedIn(pin):false
accountCreated(pin):false
user(pin):null
token(pin):null
Y tengo el componente Main.js
que es el inicio de la aplicacion.
import React from 'react';
import MainHeader from 'components/MainHeader';
import Footer from 'components/Footer';
const Main = ({ children }) => {
return (
<div className='container-fluid bg-gradient-info'>
<MainHeader />
<main className='p-3'>
{children}
</main>
<Footer />
</div>
);
};
export default Main;
Lo que yo quiero es obtener una variable que contenga el valor de
store.auth.isLoggedIn
para, en base al valor de esa variable, redirigir alLogin
o alInicio
de mi app.
Entiendo que con la funcion mapStateToProps podria hacer algo como:
const mapStateToProps = state => ({
loggedIn: state.auth.isLoggedIn
})
export default connect(mapStateToProps)(Main)
Y de esta manera (creo) estaría conectado desde mi componente con el
store
deredux
. No sé cómo hacer para obtener dentro de todo el componente una variableloggedIn
que devuelvatrue
ofalse
de acuerdo con el valor destore.auth.isLoggedIn
. Alguna sugerencia? Muchas gracias.