苏沐

摘要： 1、安装依赖 npm i antd npm i react-infinite-scroll-component 2、DataList.tsx import React, { useEffect, useRef } from "react"; import { Spin } from "antd"; 阅读全文

摘要： npm i react-spring 一、拖拽组件封装 import React, { useState, useRef, useEffect, useCallback } from "react"; import { useSpring, animated } from "@react-sprin 阅读全文

摘要： npm i react-spring import React, { useState, useRef, useEffect } from "react"; import { useSpring, animated } from "@react-spring/web"; interface IPos 阅读全文

摘要： useWindowSize // useWindowSize.ts import { useRef, useCallback, useSyncExternalStore } from "react"; export function useWindowSize() { const cachedVal 阅读全文

摘要： // useLocalStorage.ts import { useSyncExternalStore, useCallback } from "react"; // 使用泛型提升类型安全 export function useLocalStorage<T>( key: string, initia 阅读全文

摘要： useTransition 适用场景 1. 数据加载：在数据加载过程中，我们可以使用 useTransition 在更新 UI 之前显示一个加载指示器，从而优化用户体验。 2. 动画和过渡效果：在组件状态更新时，useTransition 可以让我们更好地控制动画和过渡效果的触发时机。 useDef 阅读全文

摘要： import React, { useState, useImperativeHandle, forwardRef, useRef, Ref, } from "react"; interface IProps { readonly List?: Array<any>; readonly fun?: 阅读全文

摘要： Tabs组件 //Tabs.tsx import React from "react"; import classNames from "classnames"; import "./index.scss"; interface IProps { readonly tabs: Array<Itab> 阅读全文

摘要： 注意： 加密的对象一定要是字符串 如果你加密的是字符串且数据少 则npm i jsencrypt 即可 如果加密的是对象并且数据多 比如含有token 用npm i encryptlong -S npm i jsencrypt加密长对象将返回false 或者报Message too long for 阅读全文

摘要： // 安装和引入moment // npm install moment --save # npm // yarn add moment # Yarn // import moment from 'moment' //获取当前moment时间 let currentMoment = moment() 阅读全文