无法读取未定义的属性（读取“focus”）

Question

无法读取未定义的属性（读取“focus”）

3

我是react的新手，一直在尝试聚焦元素，但出现了以下错误：

Uncaught TypeError: Cannot read properties of undefined (reading 'focus')

import { useRef, useEffect } from 'react';

function CustomComponent() {
  const elementRef = useRef;
   useEffect(() => {
    const divElement = elementRef.current;
    divElement.focus();
  }, []);
  return (
    <div ref={elementRef}>
      I'm an element
    </div>
  );
}

请帮我解决这个问题。

- ttsgcgiaibxhpgcowj

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- deepakchethan · Accepted Answer

你应该调用方法useRef()而不是直接将它分配给变量elementRef。尝试按以下方式更改你的代码，看看是否有帮助：

import { useRef, useEffect } from 'react';

function CustomComponent() {
  const elementRef = useRef();
   useEffect(() => {
    const divElement = elementRef.current;
    divElement.focus();
  }, []);
  return (
    <div ref={elementRef}>
      I'm an element
    </div>
  );
}