Press "Enter" to skip to content

Comment fonctionne l'événement synthétique dans React JavaScript ?

Vos gestionnaires d'événements recevront des instances de SyntheticEvent, un wrapper multi-navigateurs autour de l'événement natif du navigateur. Il a la même interface que l'événement natif du navigateur, y compris stopPropagation () et preventDefault (), sauf que les événements fonctionnent de manière identique sur tous les navigateurs.

Q. L'événement E est-il identique à un événement natif dans React ?

Dans React, cela pourrait plutôt être : Ici, e est un événement synthétique. React définit ces événements synthétiques selon la spécification W3C, vous n'avez donc pas à vous soucier de la compatibilité entre navigateurs. Les événements React ne fonctionnent pas exactement de la même manière que les événements natifs. Consultez le guide de référence SyntheticEvent pour en savoir plus.

Q. Comment définir l'état de l'événement dans ReactJS ?

J'ai besoin de définir un champ d'état que je reçois d'un événement, mais il n'est pas défini lorsque je lui transmets une fonction. Le composant et la méthode ressemblent à ceci :

Q. Comment les gestionnaires d'événements sont-ils écrits dans l'application React ?

Le gestionnaire d'événements React onClick vous permet d'appeler une fonction et de déclencher une action lorsqu'un utilisateur clique sur un élément, tel qu'un bouton, dans votre application. Les noms d'événements sont écrits en camelCase, donc l'événement onclick est écrit comme onClick dans une application React. De plus, les gestionnaires d'événements React apparaissent à l'intérieur d'accolades.

Q. Quelle est la différence entre un événement synthétique et un événement natif ?

Selon la documentation officielle, SyntheticEvent est un wrapper multi-navigateurs autour de l'événement natif du navigateur. Il a la même interface que l'événement natif du navigateur, y compris stopPropagation() et preventDefault(), sauf que les événements fonctionnent de manière identique sur tous les navigateurs. Fatigué de votre travail ?

Q. Que se passe-t-il lorsqu'il n'y a pas de gestionnaire d'événements dans react ?

Lorsqu'il n'y a plus de gestionnaires d'événements dans le mappage, les gestionnaires d'événements de React sont de simples no-ops. Étant donné que React utilise un système d'événements synthétiques, l'événement natif passera par les phases normales de capture, de cible et de bouillonnement, puis le flux d'événements de React suivra, à condition que l'événement natif n'arrête pas la propagation, comme dans mon cas.