Параметры ў функцыі 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.