React自定义Hooks——useLocalStorage

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

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

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

useLocalStorage：

import {
    useState, } from 'react';

export default function useLocalStorage(key