【React】事件绑定
1. 基础事件绑定
语法: on + 事件名称 = {事件处理程序}
2. 使用事件对象参数e
语法:在回调函数中设置形参e
3. 使用自定义参数
语法:箭头函数,在执行回调的时候传递实参
注意:事件绑定的是一个函数的引用而不是函数调用
4. 同时传递事件对象和自定义参数
注意:事件绑定函数的实参和形参一一对应
function App() {
// #1
// function handleClick() {
// alert('点击按钮操作')
// }
// #2
// function handleClick(e) {
// console.log('e', e)
// }
// #3
function handleClick(e, printContent) {
console.log('e', e)
alert(printContent)
}
return (
<div className="App">
<button onClick={(e) => handleClick(e, 'hi')}>我是按钮</button>
</div>
);
}
export default App;
参考:黑马程序员react教程