Comment détecter qui Réagissent composant déclenche onKeyUp événement?
Disons que nous avons un seul onKeyUp
gestionnaire:
handleKeyUp: function(e) {
/* handle stuff */
},
Et nous avons un couple d'entrée des composants, à la fois de ce qui pourrait déclencher le gestionnaire:
<input type="text" ref="login" onKeyUp={this.handleKeyUp} />
...
<input type="text" ref="pwd" onKeyUp={this.handleKeyUp} />
Comment puis-je faire afin que le gestionnaire de détecter si l' onKeyUp
a été déclenchée à partir login
ou pwd
?
Un scénario où je détecte un onglet de presse sur pwd
puis-je procéder pour essayer de sauver les champs de texte (mais pas là où je l'onglet de login
).
J'ai essayé de regarder dans le détail de e.target
, mais ne pouvait pas comprendre comment la référence à l'origine de la composante.
Mise à jour
Désolé, ne doit pas penser clairement. Oui, e.target
est une référence à l'origine de la composante. Je cherchais à obtenir une poignée sur ref
pour obtenir de la valeur. Mais je n'ai pas besoin de la ref, je peux juste récupérer la valeur de e.target.value
.
e.target
?Merci. Oui, je l'ai fait. J'ai mis à jour mon post pour clarifier cela.
OriginalL'auteur Daniel May | 2016-03-08
Vous devez vous connecter pour publier un commentaire.
Comme indiqué dans Réagir de
Système d'Événements
de la documentation :Ainsi, une instance d'un
SyntheticEvent
est transmise à votre rappelModifier : Dans le cas où vous voulez vraiment accès du composant
ref
nom avant de faire quoi que ce soit, voici comment vous pourriez le faire dans l'ES6 :ref
pour obtenir la valeur, mais je peux le fairee.target.value
.OriginalL'auteur mr-wildcard