推荐答案
在 React 中，可以通过调用事件对象的 preventDefault() 方法来阻止事件的默认行为。例如：
-- -------------------- ---- -------
-------- ------------------ -
-----------------------
-------------------- -------- ------------
-
-------- ----- -
------ -
-- -------------------------- ----------------------
----- --
----
--
-在这个例子中，点击链接时，页面不会跳转到 https://example.com，因为 event.preventDefault() 阻止了默认的跳转行为。
本题详细解读
1. 事件对象
在 React 中，事件处理函数会接收到一个合成事件对象（SyntheticEvent），它是 React 对原生浏览器事件的封装。这个事件对象包含了与原生事件相同的属性和方法，包括 preventDefault()。
2. preventDefault() 方法
preventDefault() 是事件对象的一个方法，用于阻止事件的默认行为。例如：
- 阻止表单提交时的页面刷新。
- 阻止链接点击时的页面跳转。
- 阻止右键菜单的弹出。
3. 使用场景
preventDefault() 通常在以下场景中使用：
- 表单提交时，阻止页面刷新以便进行自定义的提交逻辑。
- 链接点击时，阻止页面跳转以便进行客户端路由导航。
- 自定义右键菜单时，阻止默认的右键菜单弹出。
4. 注意事项
preventDefault()只能阻止事件的默认行为，不能阻止事件冒泡。如果需要阻止事件冒泡，可以使用event.stopPropagation()。- React 的事件处理是异步的，事件对象在事件处理函数执行完毕后会被回收，因此如果需要异步访问事件对象，应该调用
event.persist()方法。
5. 示例代码
以下是一个完整的示例，展示了如何在 React 中阻止表单的默认提交行为：
-- -------------------- ---- -------
-------- ------------------- -
-----------------------
----------------- ------------
-
-------- ----- -
------ -
----- ------------------------
------ ----------- ------------------ ---------- --
------- -----------------------------
-------
--
-在这个例子中，表单提交时页面不会刷新，而是执行 handleSubmit 函数中的逻辑。