Récupération des données du Store

09 Oct Récupération des données du Store

Posted at 15:22h in Javascript, React by
0 Likes

Suite à la création du notre Reducer dans l’ancien tutoriel, on va récupérer notre state dans notre component Home

La première étape est d’importé

import { connect } from 'react-redux';

A la fin de notre page on va utiliser notre connect comme celui-ci

export default connect()(Home);

Maintenant pour avoir le state du Reducer il faut créer une function mapStateToProps (Le nom de la function est aléatoire)

const mapStateToPorps = (state) => { return{ count: state.count } }

l’attribut count va être notre props dans notre component Home

state.count est notre state du Reducer dans le Store

ET

Finalement on injecte la function mapStateToProps sur connect

const mapStateToPorps = (state) => { 
  return{ 
      count: state.count 
  } 
} 
export default connect(mapStateToPorps)(Home);

Dans ce cas la, on peut récupérer le state count dans un props count.

Si on fait un test dans la partie render

... 
render() { 
    console.log(this.props); 
}
...

On va avoir le résultat de la variable count.

Tags:
, , , ,