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

Question

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

我试过了：

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

但出于安全原因，它会返回 fakepath。
我认为 Electron 中的对话框可能对此有用，但是如何传播文件路径以响应应用程序呢？

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
        }            
    })
});