react + electron 如何实现点击链接 打开一个新窗口

在 Electron 中，您可以通过使用 `shell` 模块来打开链接。为了在 React 中处理点击事件并打开一个新窗口，您可以在组件中使用 `onClick` 属性，然后在处理函数中调用 `shell` 模块的 `openExternal` 方法。

以下是一个简单的示例：

import { shell } from 'electron';

function MyComponent() {
  const handleLinkClick = (e) => {
    e.preventDefault(); // 防止默认行为
    shell.openExternal(e.target.href); // 打开链接
  };

  return (
    <div>
      <a href="https://www.example.com" onClick={handleLinkClick}>点击打开链接</a>
    </div>
  );
}

在此示例中，我们定义了一个名为 `handleLinkClick` 的函数，并将其传递给 `onClick` 属性。在该函数中，我们使用 `e.preventDefault()` 防止浏览器默认打开链接的行为，并使用 `shell.openExternal` 方法打开链接。

请注意，为了使用 `shell` 模块，您需要在主进程中引入它。您可以在主进程中使用以下代码：

const { shell } = require('electron');

希望这可以帮助您实现所需的功能。