Quelle est la différence entre la gestion d'évènement en React et en HTML ?

Voici quelques-unes des principales différences entre le traitement des événements en HTML et en React,

En HTML, le nom de l'événement représente généralement en minuscules par convention :

<button onclick='activateLasers()'>

alors qu'en React, on utilise le camelCase

<button onClick={activateLasers}>

En HTML, vous pouvez retourner false pour empêcher le comportement par défaut :

<a href='#' onclick='console.log("Le lien a été cliqué.") ; return false;' />

Alors qu'en React vous devez obligatoirement appelé event.preventDevault()

function handleClick(event) {
  event.preventDefault()
  console.log('The link was clicked.')
}

En HTML, vous devez invoquer la fonction en ajoutant () alors qu'en react vous ne devez pas ajouter () au nom de la fonction. (voir par exemple la fonction activateLasers dans le premier point).