前端react学习教程|2-函数组件的事件绑定，组件状态，表单处理，this问题说明，修改状态，类组件事件绑定，状态不可改变，

函数组件的事件绑定

目标任务: 能够独立绑定任何事件并能获取到事件对象e

1. 如何绑定事件

• 语法
  on + 事件名称 = { 事件处理程序 } ，比如：<div onClick={ onClick }></div>
• 注意点
  react事件采用驼峰命名法，比如：onMouseEnter、onFocus
• 样例

// 函数组件
function HelloFn () {
  // 定义事件回调函数
  const clickHandler = () => {
    console.log('事件被触发了')
  }
  return (
    // 绑定事件
    <button onClick={clickHandler}>click me!</button>
  )
}

2. 获取事件对象21

获取事件对象e只需要在 事件的回调函数中 补充一个形参e即可拿到

// 函数组件
function HelloFn () {
  /