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

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

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

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

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

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

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

Δίνονται τρία κουμπιά:

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

Κάντε έτσι ώστε με κλικ στο πρώτο κουμπί μέσω alert να εμφανίζεται ο αριθμός 1, με κλικ στο δεύτερο κουμπί - ο αριθμός 2, και με κλικ στο τρίτο - ο αριθμός 3.