useLocalStorage
useLocalStorageは、ローカルストレージに値を保持・更新・取得するカスタムフックです。
インポート
import { useLocalStorage } from "@yamada-ui/react"
使い方
編集可能な例
const [value, setValue, resetValue] = useLocalStorage<number>({ key: "value", defaultValue: 1, }) return ( <Wrap gap="md"> <Button onClick={() => setValue((prev) => prev + 1)}> Current Local Storage value: {value} </Button> <Button colorScheme="danger" onClick={resetValue}> Reset Local Storage value </Button> </Wrap> )
GitHubでこのページを編集する