React - TypeError: props.handleStatusClick не является функцией
У меня есть родительский компонент с конструктором, который включает:
this.handleStatusClick = this.handleStatusClick.bind(this);
handleStatusClick - это функция, которая принимает 1 аргумент.
Затем я вызываю дочерний компонент со свойством:
handleStatusClick = {this.handleStatusClick}
И внутри этого дочернего компонента у меня есть:
<div style = {{cursor: 'pointer'}} onClick {props.handleStatusClick("starting")}>
Следует упомянуть, что дочерний компонент является презентационным (без сохранения состояния) компонентом.
Почему я получаю
TypeError: props.handleStatusClick is not a function
ошибка?
вам не хватало равенства после того, как onClick, а опоре onClick нужна функция, но вы передавали возвращаемое значение из функции
Да @Kabbany теперь работает! Спасибо!
@Kabbany запишите это как ответ для тех, кто может столкнуться с той же проблемой, чтобы увидеть ответ
Ответы 1
Насколько я понимаю, вам нужно настроить атрибуты тега div на следующее:
<div style = {{cursor: 'pointer'}} onClick = {() =>props.handleStatusClick("starting")}>
вам не хватало равенства после того, как onClick, а опоре onClick нужна функция, но вы передавали возвращаемое значение из функции
Насколько я понимаю, вам нужно настроить атрибуты тега div на следующее:
<div style = {{cursor: 'pointer'}} onClick = {() =>props.handleStatusClick("starting")}>