• Jobs
  • About Us
  • Jobs
    • Home
    • Jobs
    • Courses and challenges
  • Businesses
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

126
Views
el.getBoundingClientRect no es una función en el odómetro de reacción js con sensor de visibilidad de reacción?

Estoy tratando de usar react-odometer js con react-visibility-sensor en el próximo js. ¿Aquí estoy recibiendo un error como la imagen? ¿Cómo puedo deshacerme de este error? Expertos, por favor, ayuda. ingrese la descripción de la imagen aquí

Aquí está mi código https://codesandbox.io/s/summer-dream-ysi00

 import { useState, useEffect } from "react"; import dynamic from "next/dynamic"; import "odometer/themes/odometer-theme-default.css"; const Odometer = dynamic(import("react-odometerjs"), { ssr: false, loading: () => 0 }); import VisibilitySensor from "react-visibility-sensor"; export default function IndexPage() { const [odometerValue, setOdometerValue] = useState(0); const [view, setView] = useState(false); const onVisibilityChange = (isVisible) => { if (isVisible) { setView(true); } }; useEffect(() => { setTimeout(() => { setOdometerValue(500); }, 10); }, []); return ( <VisibilitySensor onChange={onVisibilityChange} offset={8} delayedCall> <Odometer value={view ? odometerValue : 0} format="(,ddd)" theme="default" /> </VisibilitySensor> ); }
over 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

envuelva el odómetro en un div, así

 <VisibilitySensor onChange={onVisibilityChange} offset={8} delayedCall> <div> <Odometer value={view ? odometerValue : 0} format="(,ddd)" theme="default" /> </div> </VisibilitySensor>;

debería ver '500' representado.

https://codesandbox.io/s/wonderful-fast-y3k4s?file=/pages/index.js

over 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Show me some job opportunities
There's an error!