![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design
kelly0721
这个作者很懒,什么都没留下…
展开
-
Ant Design3.0-Upload裁剪插件
antd4.0 的话,社区里是有相关的 Upload 裁剪插件可以使用的,如果是 antd3.0 则优先考虑用 cropperjs原创 2021-11-24 11:34:25 · 655 阅读 · 0 评论 -
Ant Design3.0-Select中扩展菜单
主要是业务代码量比较大,如果把antd从3.0改到4.0存在一定的风险,所以只能自己解决Select 中 扩展菜单存在的缺陷,虽然antd的开发人员已经意识到组件存在缺陷,但是他们提供的那个代码也无法运行,哎~antd 3.0 版本中扩展菜单无法控制扩展组件,无法改成 Input,而且点一下,浮窗还会消失,所以,重新封装一个组件比较好antd3.0中的扩展菜单是这种样式要把他改成这样进行了一些封装import React, { Component } from 'react';import原创 2021-04-21 01:00:43 · 3313 阅读 · 3 评论 -
Ant Design-ReactRouter
Router的 Key一致导致url切换后页面没有刷新原创 2021-04-21 00:49:50 · 220 阅读 · 0 评论 -
Ant Design4.0-Table
expandedRowKeys 不生效原创 2020-12-16 12:03:12 · 125 阅读 · 0 评论 -
Ant Design - Table
Table 中报错 TypeError: react WEBPACK IMPORTED MODULE_0__.useEffect is not a function原创 2020-03-17 12:34:38 · 709 阅读 · 0 评论 -
Ant Design -Switch
在 Modal 组件中用了 Form 组件,发现第一次打开时 Switch 默认是false,选中 true 后,关闭 Modal 再次打开,Switch 显示 true,即使用了 form.resetFields() 和 Modal 的 destroyOnClose 还是无法重置为 false,后面发现经过 getFieldDecorator 包装的控件,表单控件会自动添加 value(或 ...原创 2020-02-07 23:09:40 · 1630 阅读 · 0 评论 -
Ant Design - Form
遇见的问题:将form组件提取出来做一个单独的组件,然后在父组件中点击提交的时候,可以获得子组件中form表单的值。在解决的过程中,有两种方法,一种就是简单直接获取子组件的form表单的值。另一种比较复杂,下面再细说。第一种方法比较简单。最主要的就是 wrappedComponentRef 这个属性,相当于取得form的整个dom。// 父组件handleSubmit = (e) =&g...原创 2019-02-15 19:49:35 · 617 阅读 · 0 评论 -
Ant Design - Authorized
确切来说,这个是 Ant Design Pro 里面的组件,使用方式很简单,更多的,可以考虑将它进行再封装。先来看一下他在文档里的使用方式。import RenderAuthorized from 'ant-design-pro/lib/Authorized';import { Alert } from 'antd';const Authorized = RenderAuthorized(...原创 2019-01-22 19:47:59 · 896 阅读 · 0 评论 -
Ant Design - Anchor
Anchor锚点此组件的属性有以下几点:现在给出一份例子aaabbbdocument.getElementById('center')}> 其他属性都很简单就不多说了,主要我遇到的麻烦是 getContainer 属性锚点是默认body滚动的,所以如果你滚动的区域是body就会看到锚点的小蓝点是会随内容滚动的,但是如果你是自己自定义一个滚动...原创 2018-10-18 15:17:20 · 7055 阅读 · 3 评论 -
Ant Design - DatePicker
遇见的问题:在Form中使用DatePicker,并且设置了默认值,但是全局有一个定时器,每5秒获取一次数据,当点开DatePicker的日历选择框,如果未选择日期,定时器从后台获取数据之后,日历就会刷新一次,也就是说,当你设置的默认值是十月时,你选择了九月,定时器被触发,日历回到了设置的十月。解决思路:发现在定时器未刷新时,点击其中一个日期,日历的翻页就不会收到定时器的刷新的影响。处理方法:...原创 2018-10-29 20:01:20 · 2037 阅读 · 0 评论 -
Ant Design - Form
这里发现一个 Form 组件的一个需要的点。情形:父组件使用map嵌套子组件,子组件里面有表单填写的内容,使用了Form.getFieldDecorator 属性,如果嵌套的子组件只有几个,则没有问题,如果嵌套的子组件达到几十个,那么会造成页面填写数据时出现卡顿的现象。代码如下:<Form onSubmit={this.handleSubmit}> <FormItem...原创 2018-12-28 15:05:12 · 1381 阅读 · 0 评论