Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

218
Vistas
No se puede obtener el elemento ref del contenedor de propiedades - React-spring v9. ParallaxLayers. useRef

Cuando quiero agregar desplazamiento de eventos para rastrear su posición en la página, utilicé useRef y casi todo funcionó, excepto por la suavidad del evento scrollToTop, pero eso no es todo ahora. Luego obtuve el valor de useRef como un objeto que indica qué tipo de objeto era y podía manipularlo (necesitaba obtener el valor de ref.current.container)

estaba recibiendo esto:

consola.log(ref) consola.log(ref.contenedor.actual) consola.log(ref)
consola.log(ref.actual.contenedor)

En ese momento usé react-spring@8.0.27 con esa dependencia
import { Parallax, ParallaxLayer } from 'react-spring/renderprops-addons'

Pero cuando necesitaba agregar un contenedor adhesivo, no funcionó. Y tuve que recurrir al ejemplo de la documentación de react-spring.

Allí me encontré con otras dependencias.
import { Parallax, ParallaxLayer } from '@react-spring/parallax'
Con lo cual funcionó el sticky container, pero se rompió la oportunidad de obtener la referencia correcta

Estaba recibiendo esto: el objeto mismo desapareció y se volvió impersonal

ingrese la descripción de la imagen aquí consola.log(ref)
consola.log(ref.actual.contenedor)

Pregunta: ¿Cómo obtengo la referencia correcta en este caso?

¡Gracias por cualquier ayuda!

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda