Vaut-il mieux sauver this.state.someData dans les variables, au lieu de se reporter directement à l'état dans le rendu?

Question

Comme ceci:

render() { 
    let data = this.state.data; 

    return(
     <div prop={data} /> 
    ); 
} 

Y at-il differnece du tout? Au lieu de simplement remplacer data par this.state.data?

Answer 1

C'est une approche intéressante pour raccourcir les variables dont vous avez besoin de state ou props ou d'autres objets imbriqués en général.
Je trouve cela plus lisible et facile à comprendre quelles sont les données dont cette fonction a besoin.
Je suis ce modèle (en fait un modèle un peu différent, à venir) dans toutes mes fonctions, pas seulement le render.

Vous pouvez utiliser le ES6 Destructuring feature pour le rendre encore plus concise:

render() { 
    const {data, otherData} = this.state; 

    return(
     <div prop={data} otherProp={otherData} /> 
    ); 
} 

Performance sage, il n'y a pas differnece.