Какое правильное имя обработчика событий? onClick или handleClick?

Question

Я считаю, что соблюдение кода - это очень важный персонал. Иногда я путаю свой код с разными именами обработчиков (работая с Javascript). Какое правильное имя для обработчиков событий? onClick против handleClick?

Answer 1

Это субъективно, но больше всего вы увидите следующее:

• , если вы создаете компонент и выставляете перехватчики событий, эти реквизиты будут on: onClick, onHover, onUsernameChanged Ошибка. Внутри ваших компонентов эти реквизиты являются просто функциями, которые вы вызываете на некотором событии. Вам все равно, что они делают, ваша задача - просто позвонить им в нужное время
• , если вы используете другой компонент, вы хотите добавить обработку в ответ на эти события, поэтому вы используете handle : handleChange, handleClick, handleUserLogout, потому что теперь ваша задача - обработать какое-то событие и заставить что-то произойти в ответ на него. Если вы не обрабатываете, никакие изменения в состоянии приложения не будут сделаны

Answer 2

Серьезно,

Согласно: Naming-Event-Handlers-React . Автор страницы говорит:

Для реквизита:

Обычно мы используем префикс с on*, как в onClick. Это соответствует встроенному соглашению обработчика событий. И, сопоставляя его, мы объявляем, что эти реквизиты будут содержать аналогично используемые функции-обработчики событий.

Для имен функций:

Мы следуем точно такой же схеме, но заменим on на handle*, как в handleClick.

Надеюсь, я смог вам помочь.