React'da hodisalar bilan ishlash

React yordamida JSX kodimizga event(hodisalar) handler qo'shish imkoniyati mavjud. Event handler - ma'lum bir interaktivlik yuz berganda amalga oshadigan funksiya hisoblanadi. (ya'ni: button clicked bo'lganda, focus bo'lganda, hover bo'lganda va h.k.)

Kodimizga event handler qo'shish qadamlari:

Hodisa yuz berganda chaqiriladigan funksiyani yaratamiz.
Funksiyaning tana qismiga kerakli mantiqni yozamiz.
Elementimizga funksiyani event handler ko'rinishida biriktiramiz.

export default function Button() {

function handleClick() {

alert('You clicked me!'); }

return (

<button onClick={handleClick}> Click me

</button> ); }