optimisation du code de réaction

1. Optimisation de l'écriture This.setState

this.setState ({valeur: 1})

 Dans le passé, nous avons modifié setState de cette manière. Désormais, les paramètres de setState peuvent être écrits sous la forme d'une fonction. L'objet est renvoyé dans la fonction. L'avantage est que les performances seront meilleures qu'avant.

this.setState(() => {
    return { value: 1}
})

De plus, dans ES6, vous pouvez utiliser () pour envelopper le contenu à renvoyer, vous pouvez omettre le mot-clé return

Ici, vous pouvez voir que nous avons également un paramètre prevState. La signification de ce paramètre est évidemment l'état que nous sommes sur le point de changer, qui est le même que notre précédent this.state, mais cela peut vous empêcher de penser accidentellement directement à l'état. State, le principe est que React ne permet pas de changer directement l'état de l'état

2. lier (cette) prémisse     

Nous avions l'habitude de modifier ce point dans la méthode lorsque la méthode était liée, mais une manière d'écrire plus standardisée consiste à dire que l'opération de liaison de ce point au constructeur est effectuée, ce qui peut également améliorer les performances du code

Je suppose que tu aimes

Origine blog.csdn.net/promiseCao/article/details/88087105
conseillé
Classement