Почему свойство кнопки onClick у кнопки срабатывает при загрузке страницы а не по нажатию?

Question

[Дмитрий Авилов]

Доброго времени суток.
Почему при использования свойства onClick у оно срабатывает не по нажатию на кнопку а при загрузке страницы, а по нажатию на кнопку ничего не происходит (вешаю для проверки обычный alert)

Использую библиотеку Material UI, но даже когда меняю кнопку на стандартную из реакта то эффект такой же.
wtf?

Answer 1

[lexiglasses]

Попробуйте передать в обработчик колбэк вот таким образом:
onClick={() => alert('clicked')}

Answer 2

[Sergey]

Потому что это вызов функции, а не задание функции на действие.
onClick={() => alert('clicked' ) }

Answer 3

[8XL]

Вот предыдущие два ответа верны, только уточню, что в твоем случае ты рендеришь не событие по клику, а просто алерт, а правильным решением, указанным раннее, будет вызвать анонимную/не анонимную(это лучше) функцию, которая и обработает событие.