Saltar al contenido

ejemplo de useref react hooks

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *