解释React中的合成事件是什么？

React 中的合成事件（SyntheticEvent）是对浏览器原生事件的跨浏览器包装。它的 API 与原生事件相同，包括 stopPropagation() 和 preventDefault()，除非你明确调用 event.persist()，否则这些事件对象会被池化，也就是说，事件对象会在事件回调函数被调用后立即被清空。

React 使用合成事件的原因是为了确保事件在所有浏览器中具有一致性，并且能够在事件系统中使用 React 的组件树，而不用关心用户的浏览器环境。

举个例子，如果你正在创建一个按钮，当用户点击按钮时，你可能希望阻止按钮的默认行为，然后执行一些自定义的行为。你可以这样做：

function Button() {
  function handleClick(event) {
    event.preventDefault();
    // 执行一些自定义行为...
  }

  return (
    <button onClick={handleClick}>
      Click me
    </button>
  );
}

在这个例子中，event 就是一个合成事件对象。你可以调用 event.preventDefault() 来阻止按钮的默认行为（例如，如果这是一个 form 的提交按钮，阻止表单的提交），然后执行一些自定义的行为