React File输入未打开文件浏览器

Question

我在React应用程序中遇到一个非常奇怪的错误。 我有此代码

<input
  accept="image/*"
  onChange={doUpload}
  type="file"
  name="fileUploader"
  id="photoUploader"
  ref={fileRef}
/>

但是当我单击输入以选择文件时，我根本没有得到文件浏览器。我还注意到，直到我在提交按钮上添加了onSumit处理程序之后，表单的某些onClick才触发。

如果有人可以帮助您，将非常感谢。谢谢

Answer 1

哇，发现了这个错误。我在嵌套组件的某处有一个event.preventPropagation()。非常感谢。

Answer 2

您必须添加此关键字。我希望它对您有用。

       <input
          accept="image/*"
          onChange={this.doUpload}
          type="file"
          name="fileUploader"
          id="photoUploader"
          ref={this.fileRef}
        />