如何使用反应和电子在 fs 上选择文件？

Question

我正在使用 Electron 和 ReactJS 构建桌面应用程序。
我需要实现从文件系统中选择文件的功能，比如 input="file" 在表单中工作。
实际上，我所需要的只是获取文件的绝对路径。
我怎样才能做到这一点？

我试过：

<input type="file" onChange={function(e) {console.log(e.target.value)} } />

但由于安全原因，它返回 fakepath。
我认为 Electron 中的 Dialogs 可能对此有用，但是如何将文件路径传播到 React 应用程序呢？

Answer 1

    const {dialog} = require('electron').remote;

...

document.querySelector('#fileSelect').addEventListener('click', function (event) {
    dialog.showOpenDialog({
        properties: ['openFile', 'multiSelections']
    }, function (files) {
        if (files !== undefined) {
            // handle files
        }            
    })
});