Как ты можешь передать параметры в event handler или callback функцию в React?

The text is already natural Russian developer writing with no excessive English issues. Returning as-is.

Обзор

В React есть несколько способов передать параметры обработчикам событий или callbacks при вызове функций из элементов типа кнопок.

Стрелочная функция-обёртка

Самый распространённый и читаемый подход — использовать стрелочную функцию для обёртывания твоего обработчика события:

Это создаёт новую функцию, которая захватывает параметр id и передаёт его в handleClick при клике по кнопке.

Использование метода .bind()

Эквивалентная альтернатива — использовать метод .bind() для привязки контекста и параметров:

Этот подход привязывает как контекст this, так и параметр id, хотя это менее часто используется в современном React.

Паттерн функции высшего порядка

Ты также можешь определить свой обработчик как каррированную функцию (функция, которая возвращает другую функцию):

Затем передай её напрямую в событие:

Этот паттерн полезен, когда тебе нужно создать несколько обработчиков с разными параметрами.

Рекомендация

Для современной разработки на React стрелочная функция-обёртка — это предпочтительный подход, потому что она:

• Ясно и явно показывает, что происходит
• Избегает ненужных вызовов .bind()
• Отлично работает с функциональными компонентами
• Поддерживает оптимальную производительность в большинстве случаев

Выбирай в зависимости от своих предпочтений в стиле кода и конкретного сценария, но стрелочные функции-обёртки дают лучший баланс между ясностью и простотой.