JSX-de Waka Çykmak

Indi React-da wakalar bilen işlemegi öwreneliň. Mysal üçin, bir bloka basylanda käbir teksti bilen alert görkezilýändigi edeliň.

showMess funksiýamyz bolsun, ol habar bilen alert görkezer, we HTML kodunda bir düwme bolsun, oňa basylanda biz şol alert-i görmek isleýäris:

function App() {
	function showMess() {
		alert('hello');
	}
	
	return <div>
		<button>show</button>
	</div>;
}

Indi düwmämize onclick wakasyny şeýle baglalyň, şol düwmä basylsa showMess funksiýasy işlesin. Bunun üçin onClick atributy goşmaly (edil camelCase-da, ýagny onClick, onclick däl), we onuň bahasynda şu waka ýüze çykança işlejek funksiýany görkezmeli:

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

Wakalar bilen iş şeýle ýerine ýetirilýär: atribut goşulýar (mysal üçin, onClick ýa-da onFocus), atributyň bahasynda şu waka ýüze çykança çagyrylar funksiýa görkezilýär.

Aşakdaky kod berlen:

function App() {
	function show1() {
		alert(1);
	}
	
	function show2() {
		alert(2);
	}
	
	return <div>
		<button>act1</button>
		<button>act2</button>
	</div>;
}

Birkinji düwmä basylsa birinji funksiýa işlesin, ikinji düwmä basylsa ikinji funksiýa işlesin.