事件绑定
一般使用on
+事件名称,比如onClick
就是点击事件
使用
function App() {
const handleClick=()=>alert("This is a message");
return (
<div>
<button onClick={ handleClick }>按钮</button>
</div>
);
}
export default App;
含有参数的事件
注意,不要直接调用携带参数的函数
function App() {
const handleClick=(value)=>alert("This is a message: "+value);
// 使用箭头函数调用
return (
<div>
<button onClick={ ()=>handleClick("hello!") }>按钮</button>
</div>
);
}
export default App;
如果同时需要获取事件e
,可以这么写:
function App() {
const handleClick=(value, e)=>alert("This is a message: "+value);
// 使用箭头函数调用
return (
<div>
<button onClick={ (e)=>handleClick("hello!", e) }>按钮</button>
</div>
);
}
export default App;