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

Question

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

当浏览器执行 fileInputRef.current.click() 代码片段时，我在控制台中收到以下错误

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

Answer 1

这效果很好：

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