如何在React中对输入类型文件应用2way绑定?

时间:2019-05-03 07:21:39

标签: javascript reactjs

我有一个带有类型文件的隐藏输入。 onChange prop绑定到onchange处理程序,在这里我得到一个值并保存在状态中。在输入类型为file的情况下,我将状态保存为event.target.files [0]。 -文件。

以下是输入内容:

<input type='file' onChange={props.changed} value={props.value} />

一种方法可以很好地进行绑定。我将文件保存为状态,但是当我重新渲染组件时,输入变为空,并且出现此错误:

react-dom.development.js:2427未捕获的DOMException:无法在'HTMLInputElement'上设置'value'属性:此输入元素接受文件名,该文件名只能以编程方式设置为空字符串。 / strong>

如何从状态正确设置值?我尝试制作 props.value.name ,但未成功

0 个答案:

没有答案