React自定义Hooks——useLocalStorage

读心悦 2022-05-14 14:16:25 阅读数:665

react自定义自定定义hooks

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

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

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

useLocalStorage:

import {
 useState, } from 'react';
export default function useLocalStorage(key
版权声明:本文为[读心悦]所创,转载请带上原文链接,感谢。 https://duxinyue.blog.csdn.net/article/details/124760135