Quiero convertir el componente de ganchos de reacción en un componente de clase, pero aparece un error.
MANOS
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;
CLASE
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;
me sale este error =
Intento this.refValt.click(); Pero no funciona.
En realidad, sospecho las diferencias entre createref y userref.
Este:
const refValt = React.createRef(null);
... tiene que ser esto:
this.refValt = React.createRef(null);