Reactjs 尝试设置输入属性时，React useRef返回未定义错误

我使用了react的useRef-hook

const myInput = useRef()

并将其传递给material ui OutlinedInput组件

<OutlinedInput
  id="outlined-adornment-amount"                                      
  inputRef={myInput}
  type="file"                                            
  startAdornment={<InputAdornment position="start">
                   <FolderIcon fill="#333" />
                    </InputAdornment>}
                      labelWidth={60}
    />

我明白了

未捕获类型错误：无法设置未定义的属性“目录”

---

我看不出你的代码有任何问题。我做了测试，一切正常。看看这个：

---

是的，这可能发生，因为您的useEffect出现在组件之前，您可以尝试添加myInput？.current.directory=true或myInput&&myInput.current.directory=true。如果（myInput.current）{myInput.current.directory=true}，请尝试此

@Fried Lakets我收到错误“赋值表达式中的左侧不正确”属性未设置tho。它仍然是一个文件选择器，而不是文件夹选择器。我甚至试过myInput.current.setAttribute（'webkitdirectory'，''；仍然不起作用

  useEffect(() => {
        myInput.current.directory = true
    }, [])