J'ai un document comme comme nous ajoutons une autre div avec Je veux ajouter un composant id = "DATA" code> comme p>
3 Réponses :
Je pense que vous devez utiliser une boucle pour rendre ou créer des éléments dynamiques dans HTML, comme:
<div>
{testsData.map(data => {
return (<Test {...data} />);
})}
</div>
Je suggère de le faire dans la manière de réagir normale. p>
Faire comme si vous le souhaitez, expose votre site à attaquer. p>
Voici un exemple de comment le faire dangereusement Exemple P>
Voici pourquoi ne pas le faire réagit dangereusement < / a> p>
Si cela n'est pas sécurisé, suggérez-vous une manière sécurisée?
C'est long à expliquer, je ne peux que vous dire que dans réagir, vous n'avez pas de raison d'utiliser la requête (getElement ...), vous pouvez utiliser un attribut "ref" dans l'élément pour le refaire
Ceci ne réagit pas la manière de faire des choses, dans réagir, vous faites des composants pour avoir des états ou recevoir des accessoires. Dans votre cas pour ajouter un autre div est conditionnel, donc dans votre composant de réact, vous pouvez maintenir un état et basé sur cet état rendez le composant
Je créerais un nouvel élément, appendez-le à
cible code> et utiliser cet élément dansréacteur.Render () code>.