React · Junior · Запитання 73 з 75

Чому клік по `<MyButton onClick={save} />` не викликає `save`?

function MyButton({ label }) {
  return <button>{label}</button>;
}

✓Правильна відповідь: Для власного компонента onClick - просто prop; MyButton має передати його в <button>
2Власні компоненти не підтримують події
3Для компонентів onClick пишеться малими літерами

Пояснення

Лише вбудовані DOM-елементи перетворюють onClick на слухача. Компонент має прийняти prop і прокинути його: <button onClick={onClick}>.

Де почитати

Перевірте себе

Пройдіть тест React · Junior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест