Παράμετροι σε συνάρτηση JSX

Ας υποθέσουμε ότι η συνάρτησή μας showMess δέχεται ως παράμετρο το όνομα του ατόμου που θέλουμε να χαιρετήσουμε:

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

Μπορούμε να περάσουμε αυτήν την παράμετρο κατά τη σύνδεση της συνάρτησης με ένα συμβάν. Για να το κάνουμε αυτό, την κλήση της συνάρτησής μας πρέπει να τη τυλίξουμε σε συνάρτηση βέλους:

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

Με αυτόν τον τρόπο μπορούμε να συνδέσουμε την ίδια συνάρτηση σε πολλά κουμπιά με διαφορετικές παραμέτρους:

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>;
}