使用 ref 反应打开选择文件对话框不起作用？ [关闭]

【问题标题】：React open select file dialog using ref not working? [closed]使用 ref 反应打开选择文件对话框不起作用？ [关闭]
【发布时间】：2020-10-08 15:10:27
【问题描述】：

我正在尝试使用 react useRef 挂钩打开文件对话框。

当浏览器执行 fileInputRef.current.click() 代码 sn-p 我在控制台中遇到以下错误

错误：文件选择器对话框只能在用户激活时显示

【问题讨论】：

请提供您的代码。

标签： reactjs file-upload use-ref

【解决方案1】：

这很好用：

const inputFileRef = useRef();
...
const handleBtnClick = () => {
   inputFileRef.current.click();
}
...
<form>
  <input type="file" ref={inputFileRef} />
  <button onClick={handleBtnClick}>Select file</button>
</form>

【讨论】：

感谢@demkovych 的快速响应，不确定我的代码出了什么问题，但不知何故它开始工作了