useSessionStorage

useSessionStorage hooki, brauzerning sessiya saqlashidan foydalanib, React komponentida holatni boshqarish imkonini beradi.

`useSessionStorage` Hook

useSessionStorage hooki, brauzerning sessiya saqlashidan foydalanib, React komponentida holatni boshqarish imkonini beradi. Bu, sahifa sessiyasi davomida ma'lumotlarni saqlash imkonini beradi, ya'ni ma'lumotlar faqat sahifa ochiq bo'lganda saqlanadi.

Foydalanish

const [storedValue, setStoredValue] = useSessionStorage<T>(key: string, initialValue: T): [T | null, (value: T) => void]

Parametrlar

key: string Ma'lumotlar sessiya saqlashda saqlanadigan kalit. Bu saqlanadigan ma'lumotlar uchun noyob identifikator bo'lishi kerak.
initialValue: T Agar belgilangan kalit uchun sessiya saqlashda mavjud qiymat bo'lmasa, foydalanish uchun dastlabki qiymat.

Qaytadi

[storedValue, setValue]: Array Quyidagi elementlardan iborat juftlik:
- storedValue: T | null Belgilangan kalit uchun sessiya saqlashda saqlangan joriy qiymat yoki agar qiymat mavjud bo'lmasa null.
- setValue: (value: T) => void Saqlangan qiymatni yangilash uchun funksiya. Agar funksiya berilsa, u joriy qiymatni qabul qiladi va yangi qiymatni qaytaradi.

Misol

import { useSessionStorage } from '@udemere/usehooks'
 
const MyComponent = () => {
	const [count, setCount] = useSessionStorage<number>('count', 0)
 
	return (
		<div>
			<h1>Hisob: {count}</h1>
			<button onClick={() => setCount(count + 1)}>Oshirish</button>
		</div>
	)
}

Xato Boshqarish

Hook, sessiya saqlashdan o'qish yoki yozish jarayonida yuzaga keladigan har qanday muammolarni qayd qilish uchun xato boshqarishni o'z ichiga oladi.

Eslatmalar

Saqlangan qiymat avtomatik ravishda komponent o'rnatilganda sessiya saqlash bilan sinxronlanadi.
Ushbu hook faqat sessionStorage API ni qo'llab-quvvatlaydigan brauzerlarda ishlaydi.

useSessionStorage