0
votes

Utilisation de cela.state.Example Trop de fois, comment puis-je mettre cela dans une variable?

Je suis actuellement en train d'utiliser cela.state.Example sur l'un de mes fichiers JS dans React. Comment puis-je aller de l'avant et l'ajouter à la variable afin qu'il ne soit pas aussi désordonné?

return (
  <div className="wrapper">
    <header className="example">
      <h1>{this.state.test.products[i].name}</h1>
    </header>

javascript reactjs

3 commentaires

Il serait bien plus facile pour nous de vous aider si vous fournissez un certain code présentant votre problème.

@Chaimfriedman a mis à jour

Veuillez mettre à jour le code complet avec le message d'erreur pour une meilleure compréhension.

4 Réponses :

1
votes

Vous pouvez le retirer dans sa propre constante à l'aide de la syntaxe ES6 xxx

maintenant, vous pouvez simplement utiliser "exemple" au lieu de "this.state.exemple" partout

1 commentaires

const {test: {produits}} = ceci.state

0
votes

const {produits} = this.state.test

Nous utilisons la syntaxe de destruction, car nous n'avons pas besoin de déclarer et d'attribuer des valeurs par étapes. p>

Par exemple, si vous aviez trois propriétés dans cette.State.test.test p>

option 1: - p> xxx pré>

option 2: - P>

const a  =  this.state.test;
const b  =  this.state.test;
const c  =  this.state.test;

0 commentaires

0
votes

Vous pouvez simplifier comme ceci:

const { products } = this.state.test;
return (
  <div className="wrapper">
    <header className="example">
      <h1>{products[i].name}</h1>
    </header>

0 commentaires

0
votes

Pourquoi ne pas simplement:

const products = this.state.test.products

0 commentaires