jsx 中如何使用 const electron = window['electron'];

在 React 中，如果你想在 JSX 中使用 Electron API，你可以在组件的构造函数中使用 `const electron = window['electron']` 来获取 Electron 对象。然后你可以在组件的方法中使用这个对象来调用 Electron API。例如：

import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.electron = window['electron'];
  }

  handleClick() {
    const { dialog } = this.electron;
    dialog.showOpenDialog({ properties: ['openFile'] });
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick.bind(this)}>Open File</button>
      </div>
    );
  }
}

export default MyComponent;

在这个例子中，我们通过 window 对象获取了 Electron 对象，并在 handleClick 方法中使用了 dialog.showOpenDialog 方法来打开一个文件对话框。需要注意的是，由于 Electron API 仅能在渲染进程中使用，因此应将此代码放在渲染进程中。