在 React 中单击鼠标打开一个新窗口答案

【问题标题】：open a new window on mouse click in React在 React 中单击鼠标打开一个新窗口
【发布时间】：2018-10-31 03:05:48
【问题描述】：

我正在使用电子创建一个桌面应用程序。单击登录按钮后，我想打开一个不同尺寸的新窗口。我正在使用 Ipc 渲染器将消息传递给 main.js 文件以调整窗口对象的大小。但这似乎不起作用。

private handleonclick(e: React.MouseEvent<HTMLElement>) {
  this.props.onLogin(this.state.user, this.state.password, this.state.domain, this.state.role);
  this.setState({
    loginSent: true,
    showWindow: false
  });
  const {ipcRenderer} = require('electron');
  ipcRenderer.send('resize-me-please')
  e.preventDefault();
}

在 Mains.js 中

let { ipcMain } = require('electron') 
ipcMain.on('resize-me-please', function () {
  win.setSize(400,400 );
  return win;
});

【问题讨论】：

回调中的win 是什么？你期望退货是什么？

标签： reactjs electron

【解决方案1】：

您可以使用fromWebContents 静态方法从收到的event 访问BrowserWindow。

因此，要在回调中调整它的大小，您可以编写

ipcMain.on('resize-me-please', (event) => {
  BrowserWindow.fromWebContents(event.sender)
    .setSize(400, 400)
})

【讨论】：