好吧我想我明白了...
我可以使用这里的官方文档中描述的模式在我的preload.js中创建一个API，然后应用菜单可以调用它来向渲染进程发送消息。

const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('api', {
  loadSomeFile: (callback) => ipcRenderer.on('load-some-file', callback),
})

然后，我将菜单定义为：

const { app, Menu, MenuItem, dialog, ipcMain } = require('electron');

module.exports = (window) => {
  return Menu.buildFromTemplate([
    {
      label: 'File',
      submenu: [
        {
          label: 'About',
        },
        {
          label: 'Preferences',
        },
        {
          type: 'separator'
        },
        {
          label: 'Load Some File',
          click() {
            dialog.showOpenDialog({
              properties: ['openFile']
            })
            .then((fileObj) => {
              window.webContents.send('load-some-file', fileObj);
            })
          }
        },
        {
          type: 'separator'
        },
        {
          label: 'Exit',
          click() {
            app.quit()
          }
        }
      ]
    },
  ])
}

在我的main.js中，我有：

const { app, BrowserWindow, Menu, } = require('electron');
const path = require("path");
const mainMenu = require("./app/main-menu");

const createWindow = () => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      nodeIntegration: false,
      contextIsolation: true
    }
  });
  win.loadURL("http://localhost:8080");
  return win;
}

app.whenReady().then(() => {
  const win = createWindow();
  Menu.setApplicationMenu(mainMenu(win));
});

我的React/Redux/MUI前端代码中的大部分内容都可以保持不变，但我需要从前端的window对象访问API，并监听来自Main进程的事件（如来自应用菜单）。

window.api.loadSomeFile((event, data) => {
  console.log(data);
});

测试过了，效果很好。在我的代码中几乎没有什么实际的变化。