Electron 应用在当前窗口打开新的页签

在 Electron 应用中，由于 Electron 并没有内置的“页签”系统（像浏览器那样），所以“在当前窗口打开新的页签”这一说法实际上需要一些创造性的解决方案。通常，Electron 应用会使用单个 BrowserWindow 实例来加载主页面，并通过某种方式（如标签页控件、导航菜单等）来模拟页签的行为。

以下是一些实现“在当前窗口打开新的页签”效果的方法：

1. 使用标签页控件（如 React Tabs）

你可以在你的 Electron 应用的主页面上集成一个标签页控件，如使用 React 的 react-tabs 库或其他类似的库。每个标签页可以对应一个不同的网页或应用部分，但所有这些内容都加载在同一个 BrowserWindow 实例中。

示例（使用 React 和 react-tabs）：

import React, { useState } from 'react';
import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
import 'react-tabs/style/react-tabs.css';

function App() {
  const [activeIndex, setActiveIndex] = useState(0);

  const urls = [
    'https://www.google.com',