Parametrat në funksionin JSX

Lejo që funksioni ynë showMess si parametër të pranojë emrin e personit me të cilin duam të përshëndetemi:

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

Ky parametër mund të transmetohet kur lidhim funksionin me ngjarjen. Për këtë, thirrja e funksionit tonë duhet të mbështjellët në funksionin shigjetor:

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

Në këtë mënyrë ne mund të lidhim të njëjtin funksion me disa butona me parametra të ndryshëm:

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

Janë dhënë tre butona:

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

Bëni që me klikim në butonin e parë përmes alert të shfaqet numri 1, me klikim në butonin e dytë - numri 2, dhe me klikim në butonin e tretë - numri 3.