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

在 Electron 应用中，由于 Electron 并没有内置的“页签”体系（像欣赏器那样），以是“在当前窗口打开新的页签”这一说法现实上须要一些创造性的办理方案。通常，Electron 应用会利用单个 BrowserWindow 实例来加载主页面，并通过某种方式（如标签页控件、导航菜单等）来模拟页签的举动。
以下是一些实现“在当前窗口打开新的页签”效果的方法：
1. 利用标签页控件（如 React Tabs）

你可以在你的 Electron 应用的主页面上集成一个标签页控件，如利用 React 的 react-tabs 库或其他类似的库。每个标签页可以对应一个差别的网页或应用部分，但全部这些内容都加载在同一个 BrowserWindow 实例中。
示例（利用 React 和 react-tabs）：

1. import React, { useState } from 'react';
2. import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
3. import 'react-tabs/style/react-tabs.css';
5. function App() {
6.   const [activeIndex, setActiveIndex] = useState(0);
8.   const urls = [
9.     'https://www.google.com',

复制代码