React中如何处理ref未定义或null的报错问题？

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

目录总览useEffect事件总结总览当我們試圖圖片在其對應應用程序的DOM元素被渲染之後訪問其屬性時，current+屬性時，React的ref通常會返回undefined或null。為了解決這個問題，我們可以在useEffect鈎子中訪問ref。

目录

• 总览
• 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); //