语法：on+事件名称 = {事件处理程序}，整体上遵循驼峰命名法(跟Vue一样..
JavaScript
function App() {
return (
<div className="App">
<button onClick={gettemplate}>西八</button>
</div>
);
}使用事件对象参数
语法：在事件回调函数中设置形参e
JavaScript
function App() {
const etest = (e) => {
console.log("dasd",e)
}
return (
<div className="App">
<button onClick={etest}>西八</button>
</div>
);
}传递自定义参数
语法：事件绑定的位置改造箭头函数的写法，执行clickHandler实际处理业务函数的时候传递实参
JavaScript
function App() {
const etest = (fxxk) => {
console.log("dasd",fxxk)
}
return (
<div className="App">
<button onClick={()=>etest('老马啊 老马')}>西八</button>
</div>
);
}
注意：不能直接写函数调用，这里事件绑定需要一个函数引用
同时传递事件对象和自定义参数
语法：在事件绑定的位置传递事件实参e和自定义参数，clickHandle中声明形参，注意顺序对应
JavaScript
function App() {
const etest = (fxxk,e) => {
console.log("dasd",fxxk,e)
}
return (
<div className="App">
<button onClick={(e)=>etest('老马啊 老马',e)}>西八</button>
</div>
);
}