// Hook import {useState} from "react"; export const useLocalStorage = (key, initialValue) => { // State to store our value // Pass initial state function to useState so logic is only executed once const [storedValue, setStoredValue] = useState(() => { try { // Get from local storage by key const item = window.localStorage.getItem(key); // Parse stored json or if none return initialValue return item ? JSON.parse(item) : initialValue; } catch (error) { // If error also return initialValue // console.log(error); return initialValue; } }); // Return a wrapped version of useState's setter function that ... // ... persists the new value to localStorage. const setValue = (value) => { try { // Allow value to be a function so we have same API as useState const valueToStore = value instanceof Function ? value(storedValue) : value; // Save state setStoredValue(valueToStore); // Save to local storage window.localStorage.setItem(key, JSON.stringify(valueToStore)); } catch (error) { // A more advanced implementation would handle the error case // console.log(error); } }; return [storedValue, setValue]; } export const getCookie = (name,cookie) => { const value = `; ${cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); }
2021年12月4日星期六
data.js
订阅:
博文评论 (Atom)
-
import Meta from "./Meta"; import {Container, Nav, Navbar, NavDropdown} from "react-bootstrap"; import {useContext} fro...
-
import {Badge, Button, ButtonGroup, Form, Pagination, Table} from "react-bootstrap"; import Router from "next/router"; ...
-
import {Button, Card, Form} from "react-bootstrap"; import {useContext, useState} from "react"; import axios from "...
没有评论:
发表评论