若木無言

源于布局需求，要求Antd的Layout组件中，侧边栏Sider可以拖拽改变宽度……开源插件，基于react-draggable插件（同一作者），详见《react-resizable》； // 拖拽回调参数 size:{width,height} type ResizeCallbackData = { node: HTMLElement, size: {width: number, height: number}, handle: Res.

源于一直负责的组件库需求，对Antd表格组件进行了二次封装，简化了很多功能配置项（分页、排序、筛选、样式等），其中对多个列筛选进行统一清空功能遇到了不少坑，记录一下……重点是合理使用filteredValue属性。const MyTable = ({ ...... // 1.定义全局状态，用来存放各列的 filteredValue 状态 const [filteredValues, set_filteredValues] = useState(); // 2.定义通用 colu.

Object对象类型判断// 获取对象类型const typeObject = (object) => { const objectType = Object.prototype.toString .call(object) .match(/(?<=^\[object[\s]{1})[A-z]+(?=\]$)/)[0]; return objectType;}; const isUndefined = (object) => { return objec

useMemo功能：用来缓存数据；应用场景：当组件内部某个数据，需要通过计算而来，且这个计算依赖于state、props数据时使用；好处：避免依赖项未修改时，多次渲染导致的重复计算，浪费计算资源。useCallback功能：缓存单个函数；应用场景：当父组件传递给子组件一个函数；好处：不用每次重新声明新的函数，避免子组件因为这个函数的变动重新渲染。代码示例import React, { useState, useEffect, useCallback, useMemo } from