react框架中鼠标点击<a>弹出新页面

在 React 中，可以使用 `onClick` 事件来处理鼠标点击事件，并使用 `window.open` 方法在新窗口中打开链接。具体实现如下：

import React from "react";

const handleClick = (url) => {
  window.open(url, "_blank");
};

const Link = ({ url, children }) => {
  return (
    <a href="#" onClick={() => handleClick(url)}>
      {children}
    </a>
  );
};

export default Link;

在上面的代码中，我们定义了一个 `Link` 组件，该组件接收一个 `url` 和 `children` 属性。当用户点击链接时，会触发 `handleClick` 函数，该函数会使用 `window.open` 方法在新窗口中打开链接。最后，我们在 `render` 方法中渲染了一个带有 `onClick` 事件的 `<a>` 标签。