[React] 实现点击Button将文件名赋值Input

问题: 
找个一个办法能够解决自定义组件选择文件夹的问题，当时我还想把字符串根据/切割为数组，根据 .xx判断然后删除 带.的一组或者多组
后来发现这种只对单层文件夹有用，如果是多层文件夹他还是会继续找下去
当时我使用的是Antd-Design的Upload组件坚挺的Change

解决方法: 
electron ipcRenderer 模块
const { ipcRenderer } = window.require('electron')
其中第一个参数: canceled是用来监听操作者对于文件上传框的选择文件或者取消的
第二个参数: filePaths是你选中的文件组成的数组
它返回的格式是这样的: filePath: {canceled: false/true, filePath:['C:\\Desktop']}
'open-dialog'为《文件对话框》
const filePath = ipcRenderer.sendSync('open-dialog')

const { ipcRenderer } = window.require('electron')
const VLocation = ({
    value = '', onChange, title, placeholder, show
}) => {
    const changeValue = (val) => {
        onChange(val)
    }
    const selectLocationChange = () => { // 主要看这个方法
        const filePath = ipcRenderer.sendSync('open-dialog')
        changeValue(filePath.filePaths[0])
    }
    return (
        <VLocationContainer>
            { show && (
                <Input
                    value={value}
                    className="select-localtion"
                    placeholder={placeholder}
                    disabled
                    allowClear
                />
            ) }
            <Button onClick={() => selectLocationChange()}>{title}</Button>
        </VLocationContainer>
    )
}