0
votes

Créer un nom de classe dynamique suivi d'une valeur incrémentée avec ReactJS

J'ai un composant qui rend une liste. Chaque article a un nom de classe. Ma question est de savoir comment puis-je ajouter de manière dynamique un nom de classe suivi d'une valeur d'incrémentation.

<ul>
    <list class="menuitem item-1">list1</li>
    <list class="menuitem item-2">list2</li>
    <list class="menuitem item-3">list3</li>
</ul>


1 commentaires

Vous pouvez ajouter une valeur d'incrémentation que l'état de la classe et augmenter chaque fois que vous souhaitez ajouter de manière dynamique un nom de classe, créez donc une fonction qui ajoutez à la liste ce nom de classe. Le rendeur de la liste que vous avez déjà fait.


5 Réponses :


1
votes

Vous pouvez utiliser un package appelé classnames ou: xxx


1 commentaires

Ceci est aussi héthique. Merci.



3
votes

C'est assez simple =) xxx

il utilise jsx expression {- code d'expression vit ici -} . Vous pouvez placer n'importe quel Expression JS entre accolades.


1 commentaires

Je suis content d'aider!



1
votes

Essayez ceci xxx


0 commentaires

0
votes

cela devrait fonctionner xxx


0 commentaires

2
votes

Essayez ceci: xxx


0 commentaires