Paramètres dans une fonction JSX

Supposons que notre fonction showMess accepte en paramètre le nom de la personne que nous souhaitons saluer :

jsxfunction showMess(name) {
  alert('hello, ' + name);
}

On peut passer ce paramètre lors de la liaison de la fonction à un événement. Pour cela, l'appel de notre fonction doit être encapsulé dans une fonction fléchée :

jsxfunction App() {
  function showMess(name) {
    alert('hello, ' + name);
  }
  
  return <div>
    <button onClick={() => showMess('user')}>show</button>
  </div>;
}

Ainsi, nous pouvons lier la même fonction à plusieurs boutons avec différents paramètres :

jsxfunction App() {
  function showMess(text) {
    alert(text);
  }
  
  return <div>
    <button onClick={() => showMess('user1')}>show1</button>
    <button onClick={() => showMess('user2')}>show2</button>
  </div>;
}

jsxfunction App() {
  return <div>
    <button>act1</button>
    <button>act2</button>
    <button>act3</button>
  </div>;
}