JSX funksiyasida parametrlar

Bizning showMess funksiyamiz parametr sifatida kimni bilan salomlashishimizni nomini qabul qilsin:

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

Funksiyani hodisaga bog'lashda bu parametrni uzatish mumkin. Buning uchun bizning funksiyani chaqiruvni o'q funksiya ichiga o'rash kerak:

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

Shu tarzda biz bir xil funksiyani turli parametrlar bilan bir nechta tugmachalarga bog'lashimiz mumkin:

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

Uchta tugmacha berilgan:

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

Birinchi tugmacha bosilganda alert orqali 1 soni, ikkinchi tugmacha bosilganda - 2 soni, uchinchi tugmacha bosilganda esa - 3 soni chiqarilsin.