事件绑定

事件绑定

一般使用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;