Я пробовал такой подход:
import React, { Component } from 'react'
export default class AlertHey extends Component {
constructor(props) {
super(props)
this.handleClick = this.handleClick.bind(this)
}
handleClick(){
alert("hey")
}
render(){
return(
<div onClick = {this.handleClick}>
Click me
</div>
)
}
}
И такой подход:
import React, { Component } from 'react'
export default class AlertHey extends Component {
render(){
return(
<div onClick = {() => alert("Hey")}>
Click me
</div>
)
}
}
И оба не работают. В режиме разработки (npm run dev) все работает хорошо, а когда я экспортирую, все слушатели кажутся сломанными. Я не понимаю. Может я потерял какие-то настройки babel или webpack?





Это работает в продакшене? Я заметил, что в вашем методе рендеринга нет тегов return (). Вы также должны привязать this.handleClick к своему экземпляру, а не handleClick1.
Да, это работает. Отсутствие return и handleclick1 - это опечатки.