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:

jsxfunction 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:

jsxfunction 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.

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