34 lines
860 B
TypeScript
34 lines
860 B
TypeScript
|
import { useEffect, useState } from 'react'
|
||
|
|
import AsyncStorage from '@react-native-async-storage/async-storage'
|
||
|
|
|
||
|
|
export default function useAsyncStorage<T>(
|
||
|
|
storageKey: string,
|
||
|
|
defaultValue: T
|
||
|
|
): [T, (val: T) => void] {
|
||
|
|
const [storageItem, setStorageItem] = useState(defaultValue)
|
||
|
|
|
||
|
|
async function setStoredValue(value: T) {
|
||
|
|
try {
|
||
|
|
if (!storageKey) return
|
||
|
|
await AsyncStorage.setItem(storageKey, JSON.stringify(value))
|
||
|
|
setStorageItem(value)
|
||
|
|
} catch (e) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
async function getStoredValue() {
|
||
|
|
try {
|
||
|
|
const data = await AsyncStorage.getItem(storageKey)
|
||
|
|
if (typeof data === 'string') setStorageItem(JSON.parse(data))
|
||
|
|
} catch (e) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
getStoredValue()
|
||
|
|
}, [storageKey])
|
||
|
|
|
||
|
|
return [
|
||
|
|
storageItem !== undefined ? storageItem : defaultValue,
|
||
|
|
setStoredValue,
|
||
|
|
]
|
||
|
|
}
|