美文网首页
react学习(2)

react学习(2)

作者: 哆啦C梦的百宝箱 | 来源:发表于2023-12-19 13:30 被阅读0次

1:事件绑定

  • 语法:on+事件名称={事件处理程序},整体上遵循驼峰命名
function App(){
  const clickHandler=()=>{
    console.log('按钮被点击了');
  }
  return <button onClick={clickHandler}>按钮</button>
}
  • 获取事件对象参数
function App(){
  const clickHandler=(e)=>{
    console.log(e);
  }
  return <button onClick={clickHandler}>按钮</button>
}
  • 获取其他参数
function App(){
  const clickHandler=(name)=>{
    console.log(name);
  }
  return <button onClick={()=>{clickHandler('jack')}}>按钮</button>
}
  • 事件对象和其他参数都需要的情况(注意形参实参保持顺序一致)
function App(){
  const clickHandler=(e,name)=>{
    console.log(e,name);
  }
  return <button onClick={(e)=>{clickHandler(e,'jack')}}>按钮</button>
}

相关文章

网友评论

      本文标题:react学习(2)

      本文链接:https://www.haomeiwen.com/subject/bavagdtx.html