How to select file on fs with react and electron?

Question

I'm building a desktop application with Electron and ReactJS.

I need to implement a feature to select a file from the file system, like how input="file" works in forms. Actually, all I need is to obtain the absolute path of the file.

How can I achieve that?

I tried:

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

But it returns fake path due to security reasons.
I think dialogs in Electron may be useful for this purpose, but how can I propagate the file path to my react application then?

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