React事件绑定

React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同:
React 事件绑定属性的命名采用驼峰式写法，而不是小写。
如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法)

export default function Button() {

  function handleClick() {
    alert('你点击了我！');
  }

  function changeClick(e, data) {
    console.log(e, data)
  }
  return (
    <>
      <button onClick={handleClick}>
        点我
      </button>
      {/* 事件传参 */}
      <button onClick={(e) => changeClick(e, 'abc')}>点击</button>
    </>
  );
}