React中ref为何总显示undefined或null，问题出在哪？

本文共计151个文字，预计阅读时间需要1分钟。

目录总览useEffect事件总结总览当我们在React组件中试图在DOM元素被渲染之前访问其对应的DOM元素时，我们可能会遇到问题。在`current`属性和属性时，React的ref通常会返回`undefined`或`null`。

useEffect事件总结

目录

• 总览
• useEffect
• 事件
• 总结

总览

当我们试图在其对应的DOM元素被渲染之前访问其current属性时，React的ref通常会返回undefined或者null。为了解决该问题，可以在useEffect钩子中访问ref，或者当事件触发时再访问ref。

import {useRef, useEffect} from 'react'; export default function App() { const ref = useRef(); console.log(ref.current); //