react electron关闭windows和mac托盘逻辑代码

以下是React Electron关闭Windows和Mac托盘逻辑代码示例：

const { app, Tray, Menu, BrowserWindow } = require('electron');

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      tray: null,
      window: null,
    };
  }

  componentDidMount() {
    // 创建系统托盘
    const tray = new Tray('/path/to/tray_icon.png');
    this.setState({ tray });

    // 创建托盘菜单
    const contextMenu = Menu.buildFromTemplate([
      {
        label: '显示窗口',
        click: () => {
          if (this.state.window) {
            this.state.window.show();
          } else {
            this.createWindow();
          }
        },
      },
      {
        label: '退出',
        click: () => {
          app.quit();
        },
      },
    ]);

    // 设置托盘菜单
    tray.setContextMenu(contextMenu);

    // 创建窗口
    this.createWindow();
  }

  createWindow() {
    // 创建主窗口
    const window = new BrowserWindow({
      width: 800,
      height: 600,
      webPreferences: {
        nodeIntegration: true,
      },
    });

    // 加载应用程序的HTML文件
    window.loadURL(`file://${__dirname}/index.html`);

    // 监听窗口关闭事件
    window.on('close', (event) => {
      event.preventDefault();
      window.hide();
    });

    this.setState({ window });
  }

  componentWillUnmount() {
    // 从系统托盘中移除
    this.state.tray.destroy();
  }

  render() {
    return <div>{/* 应用程序内容 */}</div>;
  }
}

上述代码中，通过 `Tray` 类创建系统托盘，并使用 `Menu` 类创建托盘菜单。在 `MenuItem` 的 `click` 回调函数中，可以处理窗口显示和退出应用程序的逻辑。

在 `createWindow` 方法中，通过 `BrowserWindow` 类创建主窗口，并通过 `window.on('close', ...)` 监听窗口关闭事件。在关闭事件中，通过 `event.preventDefault()` 阻止窗口的默认行为，并将窗口隐藏。

在组件将要销毁时，通过 `tray.destroy()` 方法从系统托盘中移除托盘图标。