React hook 表单：单击时清除文件输入字段

Question

这是我的沙箱模拟项目结构：https://codesandbox.io/s/sad-knuth-0mlpb?file=/src/UploadComponent.js

我正在将 forwardRef 用于嵌套组件

我在这里有 1 个问题： 我想通过 clickng 'click to clear' 清除文件输入，这就是我使用 forwardref 的原因。 但不知何故我无法访问 ref 因为它是未定义的。但是我通过 forwardref 传递 ref，它仍然未定义。