Esta crónica fue evaluado por nuestros expertos así garantizamos la exactitud de nuestra esta división.
Ejemplo 1: useRef
/*
A common use case is to access a child imperatively:
*/functionTextInputWithFocusButton()const inputEl =useRef(null);constonButtonClick=()=>// `current` points to the mounted text input element
inputEl.current.focus();;return(<><input ref=inputEltype="text"/><button onClick=onButtonClick>Focus the input</button></>);
Ejemplo 2: useref en componente funcional
import React, useRef from'react';functionTextInputWithFocusButton()const inputEl =useRef(null);constonButtonClick=()=>// `current` points to the mounted text input element
inputEl.current.focus();;return(<><input ref=inputEltype="text"/><button onClick=onButtonClick>Focus the input</button></>);
Ejemplo 3: reaccionar useref en useeffect
import React, useEffect, useRef from'react';constfooComponent= props =>const inputBtnRef =useRef(null);useEffect(()=>//Add the ref action here
inputBtnRef.current.focus(););return(<div><input
type="text"
ref=inputBtnRef/></div>);
Ejemplo 4: useRef () en reaccionar
functionTextInputWithFocusButton()const inputEl =useRef(null);constonButtonClick=()=>// `current` points to the mounted text input element
inputEl.current.focus();;return(<><input ref=inputEltype="text"/><button onClick=onButtonClick>Focus the input</button></>);
Ejemplo 5: ¿que reacciona useref?
const refContainer =useRef(initialValue);//useRef returns a mutable ref object whose .current property is initialized to the passed argument (initialValue). //The returned object will persist for the full lifetime of the component.
Sección de Reseñas y Valoraciones
Recuerda algo, que tienes autorización de comentar si te ayudó.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)