![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Embrace924
这个作者很懒,什么都没留下…
展开
-
ant-design实现树的穿梭框,穿梭后右侧是已选树(二)
根据上一篇,进一步实现树的穿梭框。原创 2023-05-15 10:09:22 · 1408 阅读 · 5 评论 -
ant-design实现树的穿梭框,穿梭后右侧是已选树(一)
/ 处理树的内部自定义内容return (});generateTree的四个参数:treeNodes (树数据), checkedKeys (已选值), searchValue(搜索值), disabled(是否禁止)左边的treeNodes :原本的树/通过搜索后的树return (原创 2023-05-12 10:37:01 · 4158 阅读 · 4 评论 -
antdesign 高级表单 自定义columns 搜索
const [start, setStart] = useState<Moment | null>(); const [end, setEnd] = useState<Moment | null>(); { title: '时间', ellipsis: true, align: 'center', valueType: 'dateRange', width: 180, dataIndex:...原创 2021-12-31 15:21:46 · 1194 阅读 · 1 评论 -
es6的扩展运算符“...”动态增加属性
只是举了一个案例,但是开发任何地方,如果不确定参数是否应该传入都可以使用例如 formItem ????️根据 数值 判断是否需要传入 name属性{...(boolean? { name: value } : {})}如果“真” 则扩展{ name: value } 得到=》name : value 相当于增加了 name属性如果“假 ”则扩展 { } 得到=》空 相当于增加了 空属性<Form.Item wrapperCol={{ span: 24 }}.原创 2021-12-21 17:34:34 · 403 阅读 · 0 评论 -
react 多级路由 子路由切换
需求案例:1.当我们在后台管理页面 左侧菜单栏的情况下2.点击左侧菜单栏 路由变化 右侧内容区域变化如图: 点击分布式表单出现右侧内容 分布式表单步骤条3.第一步的路由 为 "form/step-form/step1"4.当我们输入完成验证通过 点击下一步 路由为 "form/step-form/step2"4.当我们 点击继续路由为 "form/step-form/step3"需求简化就是一个 第三级菜单的跳转文件目录如下...原创 2021-12-09 14:51:49 · 2784 阅读 · 0 评论 -
dumi主题包开发
dumi主题开发创建@group/dumi-theme-或dumi-theme-开头的 npm 包 ,通常用于研发完整的主题包,便于共享给其他项目使用新建项目必须以dumi-theme-开头 不然dumi 将不会自动挂载该主题原创 2021-12-01 10:54:19 · 995 阅读 · 0 评论 -
react 父组建 调用/获取 子组建函数/参数
import { useImperativeHandle, forwardRef,} from 'react'const Component = (props: any, ref: any) => { useImperativeHandle(ref, () => ({ func1: handleChangeName , })) const handleChangeName = async () => { console.log('name.原创 2021-07-30 14:32:28 · 220 阅读 · 0 评论 -
react hooks 路由拦截
// 引入useHistory import { useHistory } from 'react-router-dom'const history = useHistory()useEffect(() => { const block = history.block(() => { // 离开当前页面的时候 打印出拦截到了 console.log('拦截到了') //todo // 离开之前做什么操作 // 确定返回离...原创 2021-07-30 14:21:16 · 829 阅读 · 0 评论 -
useCallback 作用,useMemo ,memo作用 浅显理解
项目中看到别人代码基本上每个函数都写了useCallback 于是去查了查到底有什么作用快看睡着了还是没太明白,直接同事请教了一下qian xia ni原创 2021-06-22 15:21:40 · 498 阅读 · 0 评论 -
URLSearchParams解决列表页与详情页跳转带参数
react hooks列表页跳转详情页 带上id 等参数详情页获取参数判断是否有值 有值的情况下 请求数据列表页 发起1.跳转的地方<a key='info' onClick={() => { history.push({ pathname: '/list/list-detail', search: `?id=${id}&type=view` }) }}> 查看详情&..原创 2021-03-24 10:49:34 · 917 阅读 · 0 评论 -
react 输入框 input 防抖 debounce
react input debounce1.需求当我输入文本时候,对文本进行设置处理 (监控文本更新自动后请求接口)希望实时的设置输入文字 不使用blur 但是change请求太过于频繁主要是针对输入框防抖处理2.处理使用 lodash 的 debounce3.遇到的问题浏览器报异常:Uncaught TypeError: Cannot read property 'value' of null。如果在react中想异步访问事件属性(如在setTimeout内...原创 2021-03-03 17:47:37 · 4063 阅读 · 1 评论 -
了解 css 变量
css 变量又称为 CSS 自定义属性,它的值可以在整个文档中重复使用。设定值 --双横线获取值 var()函数变量的声明与使用因为 $被 Sass 用掉了,@被 Less 用掉了 ,为了不产生冲突,官方的 CSS 变量就用了--。声明变量的时候,变量名前面要加两根连词线--。body { // 声明 --font-color: #7F583F;}.main{ // 使用 color:var(--font-color);}css变量命名规则普通字符原创 2021-01-21 17:11:05 · 206 阅读 · 0 评论