您现在的位置是:首页 > 正文

React自定义Hooks——useLocalStorage

2024-01-30 22:52:25阅读 0

封装任何的函数,都是将一些重复的逻辑单独封装到一个函数。而不是为了封装而封装。

定义useLocalStorage,是因为localStorage,在不同的组件中获取,更新。每次更新或者获取都是localStorage.setItem/localStorage.getItem

单独封装为一个hook,在获取和更新的时候,就像使用state一样简单:

useLocalStorage:

import {
    useState, } from 'react';

export default function useLocalStorage(key

网站文章