react
小强有个dream
这个作者很懒,什么都没留下…
展开
-
react: zustand数据缓存
在 zustand 库中,middleware 模块提供了一些中间件函数,可以帮助我们更好地管理状态。其中,devtools 和 persist 就是两个常用的中间件函数。devtools 中间件函数可以将 zustand 状态管理器与浏览器开发者工具集成起来,在开发过程中更方便地调试和监控状态。persist 中间件函数可以将状态持久化到本地存储中,当页面刷新或者重新加载时,状态依然可以被保留下来。react状态库包括 zustand、Redux、Valtio、Jotai 和 Recoil。原创 2023-11-09 11:24:41 · 542 阅读 · 0 评论 -
react:swr接口缓存
与传统的 useEffect 和 useState 结合使用方式不同,它可以处理HTTP请求的生命周期管理,并且还能自动更新缓存并在成功或失败时提供API响应。它是一个异步 Hook,在使用 useSWRImmutable 时,当我们作出数据请求时,它将使用本地缓存提供此数据。它可以在缓存过期之前重新使用数据,以避免从服务器读取数据的时间和网络成本,帮助提高应用程序的性能和用户体验。SWR 是一个轻量级的 React Hooks 库,通过自动缓存数据来实现 React 的数据获取。原创 2023-11-08 17:56:35 · 995 阅读 · 0 评论 -
react:路由
路由: 连接文档:https://github.com/remix-run/react-router/blob/main/docs/getting-started/installation.md原创 2023-11-07 17:24:39 · 241 阅读 · 0 评论 -
react:创建项目
使用create-react-app。// 创建ts项目打包项目。原创 2023-11-07 13:40:36 · 185 阅读 · 0 评论 -
react: mac电脑安装create-react-app
【代码】react: mac电脑安装create-react-app。原创 2023-11-06 15:22:22 · 98 阅读 · 0 评论 -
react: hooks
import { useState, useEffect } from "react";// 当前状态和一个让你更新它的函数 ; 参数为状态初始值const [initLoading, setInitLoading] = useState(true);// 任意地方使用setInitLoading就可以更新这个状态了useEffect副作用函数// 不传会陷入死循环// 用第二个参数来告诉react只有当这个参数的值发生改变时,才执行我们传的副作用函数(即第一个参数)。// 当我原创 2023-11-06 14:59:18 · 283 阅读 · 0 评论 -
react: antd组件使用 FC Fragment
RangePicker<RangePicker style={{width: '260px'}} placeholder={['开始日期', '结束日期']} allowClear={false} defaultValue={[defaultDate, defaultDate]} value={reportDate} onChange={(dates: any) => {原创 2023-11-06 14:57:21 · 271 阅读 · 0 评论 -
react:封装组件
【代码】react:封装组件。原创 2023-11-06 14:54:31 · 274 阅读 · 0 评论 -
react: scss使用样式
【代码】react: scss使用样式。原创 2023-11-06 14:52:10 · 247 阅读 · 0 评论 -
react: 组件或页面卸载触发的钩子
Effects 可以返回一个 cleanup 函数。原创 2023-11-06 14:50:01 · 257 阅读 · 0 评论 -
react: formik表单组件库
formik原创 2023-03-07 23:54:41 · 142 阅读 · 0 评论