Параметри във функция 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.