React 将 Hooks 转换为类但出错答案

【问题标题】：React Convert Hooks To Class But Get ErrorReact 将 Hooks 转换为类但出错
【发布时间】：2021-12-29 06:32:49
【问题描述】：

我想将 React hooks 组件转换为类组件，但出现错误。

挂钩

import React, { useEffect, useRef } from "react";

const App = () => {
  const refValt = useRef(null);

  const myfuncValt = () => {
    console.log("222222222222222222222");
  };


  useEffect(() => {
    setTimeout(() => {
      refValt.current.click();
    }, 5000); //miliseconds
  }, []);

  return (
    <div>
      <div ref={refValt} onClick={myfuncValt}>Valt</div>
    </div>
  );
};

export default App;

类

import React  from "react";

const myfuncValt = () => {
  console.log("222222222222222222222");
};

class App extends React.Component {
  constructor(props) {
    super(props);
    const refValt = React.createRef(null);
  }

  componentDidMount() {
    setTimeout(() => {
      this.refValt.current.click();
    }, 5000);
  }

  render() {
    return (
      <div>
        <div ref={this.refValt} onClick={myfuncValt}>
          Valt
        </div>
      </div>
    );
  }
}

export default App;

我收到此错误 =

我试试 this.refValt.click();但它不起作用。

其实我怀疑 createref 和 useref 之间的区别。

【问题讨论】：

标签： javascript reactjs class react-hooks jsx

【解决方案1】：

这个：

const refValt = React.createRef(null);

...必须是这样的：

this.refValt = React.createRef(null);

【讨论】：