Paraméterek a JSX függvényben

Tegyük fel, hogy a showMess függvényünk paraméterként fogadja annak a nevét, akivel köszönni szeretnénk:

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

Ezt a paramétert átadhatjuk a függvény eseményhez való kötésekor. Ehhez a függvényhívásunkat egy nyíl függvénybe kell becsomagolni:

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

Így ugyanazt a függvényt több gombhoz is hozzárendelhetjük különböző paraméterekkel:

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

Adott három gomb:

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

Állítsa be úgy, hogy az első gombra kattintáskor egy alert jelenjen meg a 1 számmal, a második gombra kattintáskor a 2 számmal, a harmadik gombra kattintáskor pedig a 3 számmal.