useBoolean

useBoolean hook — boolean holatini boshqarish uchun qulay usullarni taqdim etuvchi maxsus React hooki.

`useBoolean` Hook

useBoolean hook — boolean holatini boshqarish uchun qulay usullarni taqdim etuvchi maxsus React hooki. Bu hook holatni o'rnatish, o'zgartirish yoki qaytarish uchun foydali funksiyalarni taklif qiladi.

O'rnatish

npm install @udemere/usehooks

Foydalanish

useBoolean hookidan foydalanish uchun, uni @udemere/usehooks paketidan import qiling va o'z funksional komponentingiz ichida chaqiring.

import { useBoolean } from "@udemere/usehooks";
 
const MyComponent = () => {
  const { value, setTrue, setFalse, toggle } = useBoolean();
 
  return (
    <div>
      <p>Joriy qiymat: {value.toString()}</p>
      <button onClick={setTrue}>To'g'ri qilish</button>
      <button onClick={setFalse}>Noto'g'ri qilish</button>
      <button onClick={toggle}>O'zgartirish</button>
    </div>
  );
};

Parametrlar

Parametr	Tur	Standart	Ta'rif
`defaultValue`	`boolean`	`false`	Boolean holati uchun dastlabki qiymat. Bu `true` yoki `false` bo'lishi kerak.

Qaytish

Qaytuvchi ob'ekt quyidagi xususiyatlarni o'z ichiga oladi:

Xususiyat	Tur	Ta'rif
`value`	`boolean`	Joriy boolean holati qiymati.
`setValue`	`Dispatch<SetStateAction<boolean>>`	Boolean holatini to'g'ridan-to'g'ri o'rnatish funksiyasi.
`setTrue`	`() => void`	Boolean holatini `true` ga o'rnatish funksiyasi.
`setFalse`	`() => void`	Boolean holatini `false` ga o'rnatish funksiyasi.
`toggle`	`() => void`	Boolean holatini `true` va `false` o'rtasida o'zgartirish funksiyasi.

Xatolar

Agar defaultValue boolean bo'lmasa, TypeError tashlaydi.

Misol

import { useBoolean } from "@udemere/usehooks";
 
const MyComponent = () => {
  const { value, setTrue, setFalse, toggle } = useBoolean(true);
 
  return (
    <div>
      <p>Joriy qiymat: {value.toString()}</p>
      <button onClick={setTrue}>To'g'ri qilish</button>
      <button onClick={setFalse}>Noto'g'ri qilish</button>
      <button onClick={toggle}>O'zgartirish</button>
    </div>
  );
};

Asosiy Nuqtalar:

O'rnatish Ko'rsatmalari: Foydalanuvchilarga paketni qanday o'rnatishni ko'rsatadi.
Mufassal Parametrlar va Qaytish Qiymatlari: Har bir funksiya va parametrning nima qilishi haqida tushuncha beradi.
Xato Boshqaruvi: Yaxshi diagnostika uchun tashlanishi mumkin bo'lgan xato turini eslatib o'tadi.
Foydalanish Misoli: Hookni komponent ichida samarali ishlatishni ko'rsatadi.