reactjs - 无法读取未定义的属性（读取“焦点”）

Question

我是新手，我一直在尝试关注元素但遇到错误：

未捕获的类型错误：无法读取未定义的属性（读取“焦点”）

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>
  );
}

请帮助我如何解决这个问题。

标签： reactjs

Answer 1

您应该调用该方法useRef()，而不是直接将其分配给 variable 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>
  );
}