react运用ref报错返回undefined或null怎么解决

react运用ref报错返回undefined或null是什么原因，下面web建站小编给大家介绍一下解决方法！

原因分析：导致报错的原因是在触发之前就执行了ref。

正确写法：

import {useRef, useEffect} from 'react';
export default function App() {
  const ref = useRef();
  console.log(ref.current); // ?️ undefined here
  useEffect(() => {
    const el2 = ref.current;
    console.log(el2); // ?️ element here
  }, []);
  const handleClick = () => {
    console.log(ref.current); // ?️ element here
  };
  return (
    <div>
      <div ref={ref}>
        <h2>Hello</h2>
      </div>
      <button onClick={handleClick}>Click</button>
    </div>
  );
}

javascript如何判断是否存在

el-dialog中获取el-table组件的ref值报undefined错误！

vuejs点击重置报"TypeError: Cannot read properties of undefined (reading 'resetFields')"错误

标签： ref报错, undefined

上面是“react运用ref报错返回undefined或null怎么解决”的全面内容，想了解更多关于 reactjs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3275.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！