React基础 事件绑定

类组件中事件绑定

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>
    }
}