React事件绑定的方式有哪些?每种方式 有哪些关键差异？

【概念释义】

React 事件绑定方式：① JSX onClick={handler}（推荐）；② 内联箭头/onClick={() => fn(id)}；③ 类组件 constructor bind / 类字段箭头；④ Public class fields handleClick = () => {}；⑤ 原生 addEventListener（脱离合成事件，少用）。差异在 this 绑定 与 每次 render 是否新函数引用。

【基础使用】

class ClassBtn extends React.Component {