-1
votes

Réactjs comment gérer cela qui fait référence à dom

à Vanilla JS Si nous voulons ajouter un auditeur à un DOM, nous pouvons faire comme ça

<div onclick="myFunction(this)">...</div>


3 commentaires

Puis-je vous demander pourquoi vous voulez un ce qui fait référence au DOM? Aussi, vous devriez rechercher ce que le dépôt ref sur un composant, on sonne comme ceci peut être ce que vous recherchez.


Même action dans React Codesandbox.io/s/Objective-varhamihira-cu2xq?fontSize= 14 this == e.target sur le feu de l'événement DOM


parce que je ne veux pas faire de documents.getElementyID dans ma méthode, donc je préfère pas le DOM lui-même comme paramètre


3 Réponses :


0
votes

Vous devez passer événement dans votre fonction, puis vous accédez à un élément DOM avec e.target .

Par exemple si vous souhaitez gérer la modification de l'entrée, vous voulez peut faire quelque chose comme ceci: xxx

event.target.id est l'identifiant de DOM ELEMENT et EVENT.TARGET.VALUE est la valeur du même élément qui, dans ce cas, est entrée . xxx

aussi

note :

Si vous souhaitez accéder aux propriétés de l'événement de manière asynchrone, vous devez appeler événement.persist () sur l'événement, qui supprimera l'événement synthétique de la piscine et permettra aux références à l'événement à conserver par le code de l'utilisateur.


1 commentaires

Veuillez ajouter des informations sur usestate pour setValues ​​ ou simplement le changer avec this.setstate . Op peut être confondu. :)



0
votes

in réagir u devrait utiliser onclick (avec capital c) et transmettre l'événement à votre fonction xxx

puis dans votre fonction, utilisez événement. cible pour obtenir la balise cliquée. xxx


0 commentaires

0
votes

dans votre contexte, ceci fait référence à l'élément cible DOM, de sorte que vous définissez votre fonction comme: xxx pré>

mais dans réagir, quand vous définissez un INPUT: P>

function myFunction(event) { console.log(event.target) }


0 commentaires