Lorsque vous utilisez l'état dans React, il est recommandé de le garder comme small as possibleEst-il correct d'utiliser un conteneur Set() en mode Réaction?
Beaucoup de temps, j'utiliser des tableaux javascript pour stocker par exemple, une liste d'ID dans un état React.
state = {
myListOfIDs: []
}
Mais afin d'éviter les doublons, est-il correct d'utiliser un javascript Set? Ou est-ce lourd pour React rendu?
Il ne peut pas altérer le rendu, tout au plus il peut modifier le temps de réconciliation du DOM virtuel, mais je doute que vous verrez une différence. J'ai utilisé des Sets et ça n'a pas vraiment affecté la performance.
Vous pouvez voir des ensembles en tant qu'objets dont les valeurs sont true, c'est-à-dire {1,2,3} ~ {1: true, 2: true, 3: true}. Si les objets sont prêts à stocker l'état, les ensembles le sont aussi.
Si vous êtes inquiet au sujet de la structure de données que vous pouvez toujours faire vos tableaux ne contiennent que des éléments uniques par coulée deux fois:
a = [1,2,3,3,3]
b = new Set(a) // {1,2,3}
c = [...b] // [1,2,3]