redux-form从FileList获取名称

Question

redux格式7.4.2

我正在尝试将图像路径从redux-form存储到mongo db中。输入文本工作正常，但是当我尝试存储图像路径时，redux-form给了我FileList Array。我的问题是如何从表单中仅获取e.target.files [0] .name。

这是我的代码（部分代码）：

renderFileField ({ input, label, type }) {
    delete input.value;
    return (
      <fieldset>
        <label>{label}</label>
        <input {...input} type={type} />
      </fieldset>
    )
}

render() {

...

    <Field
        name="image"
        type="file"
        value={null}
        component={this.renderFileField}
        label="Picture"
    />
}

这是我从redux表单中得到的：

Sorry, here is the link (don't have enough reputation to show the picture here)

我尝试遵循https://github.com/erikras/redux-form/issues/71中的一些示例，但得到了类似的结果。“无法从未定义中获取onChange”

constructor(props) {
...
this.onChange = this.onChange.bind(this);
}

onChange(e) {
    const { input: { onChange } } = this.props;
    onChange(e.target.files[0]);
}

<Field
    name="image"
    type="file"
    value={null}
    component={this.renderFileField}
    label="Picture"
    onChange={this.onChange}
/>

感谢任何帮助。谢谢。