Dans mon Ma question est comment accéder à des données dans mon n'a pas pu trouver "Store" dans le contexte de "Connect (app)"
voici le est-ce un anti-motif? On se sent comme ça. Est-il préférable de gérer mon iSAuthenciated (code> cochez-vous dans le composant suivant que j'ai intégré dans le APPLATIVE APP, j'utilise redx pour la gestion de l'état et je déclare le fournisseur dans mon app.js - voir ci-dessous. Notez que j'ai changé mon app.js à partir d'une composante de fonction à un composant de classe. redux stocker dans mon App.js ? Lorsque j'essaie le code suivant, je reçois une erreur qui se lit comme suit:
app.js code: app.js ?
3 Réponses :
Vous pouvez obtenir l'état en appelant la méthode GetState à partir du magasin:
store.getState();
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { rootReducer } from '../store';
// Components
import ComponentA from '../ComponentA';
import ComponentB from '../ComponentB';
const store = createStore(rootReducer)
class App extends Component {
render() {
return(
<Provider store={store}>
{
this.props.isAuthenticated ? <ComponentA /> : <ComponentB />
}
</Provider>
);
}
}
function mapStateToProps(state) {
return {
isAuthenticated: state.app.isAuthenticatenter code hereed
};
}
export default connect(mapStateToProps)(App);
Il n'est pas recommandé d'écrire un fournisseur à l'intérieur de l'autre composant d'accès aux données et de sa mauvaise pratique pour écrire un code de cette manière.
Veuillez définir un composant d'authentification et le rendre à l'intérieur de cette composante d'application.