1. Встроенная обработка событий:

   • Вы можете определить функции событий непосредственно в коде JSX, используя функции стрелок. Например:

     <button onClick={() => { /* event function code here */ }}>Click Me</button>

2. Методы компонента класса:

   • Если вы используете компоненты класса, вы можете определить функции событий как методы внутри класса компонента. Например:

     class MyComponent extends React.Component {
     handleClick() {
      // event function code here
     }
     
     render() {
      return <button onClick={this.handleClick}>Click Me</button>;
     }
     }

3. Функциональный компонент с хуками:

   • Если вы используете функциональные компоненты с React Hooks, вы можете определить функции событий как обычные функции в теле компонента. Например:

     function MyComponent() {
     function handleClick() {
      // event function code here
     }
     
     return <button onClick={handleClick}>Click Me</button>;
     }

Это всего лишь несколько примеров того, как функции событий могут быть определены в React. Конкретный метод, который вы выберете, может зависеть от структуры вашего компонента и требований.