react + electron 如何实现点击链接 打开一个新窗口
时间: 2023-11-22 10:55:29 浏览: 249
让链接在新窗口弹出页面
5星 · 资源好评率100%
在 Electron 中,可以使用 `shell` 模块来打开链接。而在 React 中,可以通过在点击事件中调用 `shell` 模块来实现点击链接打开新窗口的功能。
以下是示例代码:
```javascript
import { shell } from 'electron';
function handleLinkClick(event) {
event.preventDefault();
shell.openExternal(event.target.href);
}
function App() {
return (
<div>
<a href="https://www.example.com" onClick={handleLinkClick}>
Click here to open a new window
</a>
</div>
);
}
```
在这个例子中,`handleLinkClick` 函数会阻止默认行为,即在当前窗口打开链接,然后使用 `shell.openExternal` 函数来打开链接并在新窗口中显示。最后,我们将该函数传递给点击事件处理程序,并在 `<a>` 元素上注册它。
阅读全文