react hooks函数怎么阻止当前页面跳转

在 React Hooks 中，可以使用 `event.preventDefault()` 方法来阻止当前页面的跳转。这个方法需要在事件处理函数中调用，比如在点击事件的处理函数中。具体地，可以在事件处理函数的参数中获取到事件对象 `event`，然后调用 `event.preventDefault()` 方法即可。

举个例子，假设有一个链接 `<a>` 元素，我们希望在用户点击时阻止页面跳转，可以这样写：

import React from 'react';

function MyLink() {
  const handleClick = (event) => {
    event.preventDefault();
    // 其他逻辑处理
  };

  return (
    <a href="#" onClick={handleClick}>点击我不跳转</a>
  );
}

export default MyLink;

在上述代码中，我们定义了一个函数组件 `MyLink`，在组件中定义了一个事件处理函数 `handleClick`，并在 `<a>` 元素的 `onClick` 属性中绑定了这个事件处理函数。当用户点击链接时，React 会调用 `handleClick` 函数，并传入一个事件对象 `event`，我们在函数中调用了 `event.preventDefault()` 方法来阻止链接的默认跳转行为。