useInterval

useInterval hooki, belgilangan vaqtlarda ko'rsatilgan callback funktsiyasini chaqiradigan interval yaratadigan maxsus React hookidir.

useInterval Hook

useInterval hooki, belgilangan vaqtlarda ko'rsatilgan callback funktsiyasini chaqiradigan interval yaratadigan maxsus React hookidir.

O'rnatish

npm install @udemere/usehooks

Foydalanish

Siz useInterval hookini funksional komponentlaringizda kodni muntazam ravishda bajarish uchun ishlatishingiz mumkin.

Misol

import React from "react";
import { useInterval } from "@udemere/usehooks";
 
const TimerComponent = () => {
  const [count, setCount] = React.useState(0);
 
  const handleInterval = () => {
    setCount((prevCount) => prevCount + 1);
  };
 
  // Har 1000 millisekundda (1 soniyada) handleInterval funksiyasini chaqirish
  useInterval(handleInterval, 1000);
 
  return (
    <div>
      <h1>Hisob: {count}</h1>
    </div>
  );
};
 
export default TimerComponent;

API

useInterval(callback: () => void, delay: number | null): void

Parametrlar

• callback:

  • Tur: () => void
  • Har bir intervalda chaqiriladigan funktsiya.

• delay:

  • Tur: number | null
  • Callback funktsiyasining har bir chaqiruvi orasidagi vaqt, millisekundda. Intervalni tozalash uchun null dan foydalaning.

Eslatmalar

• Agar delay null ga o'rnatilsa, interval tozalanadi va callback chaqirilmaydi.
• Agar delay raqam bo'lsa, callback funktsiyasi belgilangan delayda takroriy ravishda bajariladi.