- 博客(4)
- 收藏
- 关注
原创 手动实现历史状态管理hooks
import { useState,useEffect } from 'react'export function useHistoryTravel<S>(initData?: S){ const [valueList,setValueList] = useState<any[]>([]) const [value,setV] = useState<any>() const [currentIdx,setCurrentIdx] = useState<
2021-07-28 15:04:35 104
原创 树结构类型数据的操作
树结构类型数据的操作// 给树结构加结构性id,如 0 0-0 0-0-0,并且带父节点id(pid)const forMateTreeData = (data: any,parentIdx?: any): any=>{const preIdx = parentIdx?${parentIdx}- : ‘’;return map(data,(it,idx)=>({…it,id:${preIdx}${idx},pid:parentIdx, // 父节点children:it.chil
2021-07-28 14:57:20 157
原创 2021-06-17 useEffect和useLayoutEffect的区别
useEffect和useLayoutEffect1.useEffect和useLayoutEffect的区别useEffect这个是在render结束后执行,比如你想把一个元素移动到另外一个地方,你可能会看见起点到终点的过程,会有闪屏问题useLayoutEffect是在处理DOM的情况下,会改变页面样式,这个钩子的callback会在DOM更新完成后浏览器绘制前立即执行,会阻塞浏览器的绘制,因此不会出现闪屏问题...
2021-06-17 14:27:10 100
原创 2021-05-06 antd中的Form表单异步验证
antd中的Form表单异步验证:<Form.Item rules:[ { // 普通验证 required:true, message:'该字段是必须的' }, { // 自定义验证 rule是规则对象,包含字段名称,以及字段类型校验器等等,val为输入框内容 validator函数接收promise作为返回
2021-05-06 10:56:40 2448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人