JSX функциясындагы параметрлер

Биздин showMess функциябыз ким менен саламдашкыбыз келсе, анын атын параметр катары кабыл алсын:

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

Функцияны окуяга байланыштырганда бул параметрди берсе болот. Бул үчүн биздин функцияны чакырууну arrow функциясына ороп коюу керек:

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 саны чыксын.