类组件中事件绑定
class App extends React.Component {
render() {
return (
<button
onClick={() => {
console.log('Hello World')
}}
>
click
</button>
)
}
}
也可以把事件处理函数进行提取。
class App extends React.Component {
handleClick() {
console.log('Hello World')
}
render() {
return <button onClick={this.handleClick}>click</button>
}
}
当点击事件需要传参时需要使用箭头函数
class App extends React.Component { handleClick() { console.log('Hello World') } render() { return <button onClick={()=> this.handleClick}>click</button> } }