
antd
Dark_programmer
这个作者很懒,什么都没留下…
展开
-
antd的form踩坑记录getFieldDecorator
在使用antd的form表单时,遇到如下报错:Cannot read property 'getFieldDecorator' of undefined无法读取未定义的属性“getFieldDecorator”但是明明是复制的antd官网的示例,也是从this.props.form里解构出来的,怎么会报错呢? const { getFieldDecorator } = this.props.form;原来是找不到form。解决办法:在最后导出的时候改变写法,如下export def原创 2022-05-07 15:04:19 · 1171 阅读 · 0 评论 -
antd TimePicker.RangePicker 如何设置默认值?双向绑定?
查看antd官方API可知,默认值使用defaultValue,绑定值使用value.此处仅展示react使用该组件,用value双向绑定方式首先安装插件momentyarn add moment -S组件内使用:import moment from 'moment'...state = { // 定义变量存储 startTime:new Date().getTime(), // 当前时间 endTime:new Date().getTime()+ (30 * 60 *1000原创 2021-07-09 11:11:00 · 6971 阅读 · 0 评论 -
antd报错 Each child in a list should have a unique “key”prop ???
在使用antd的组件Table时,遇到如下报错:Each child in a list should have a unique "key" prop.字面意思就是:列表中的每个子元素都应该有一个唯一的“key”道具我使用的方式:const colunm = [ { title:'姓名', dataIndex'name' }, { title:'性别', dataIndex'sex' }, { title:'地址', dataIndex'address' }原创 2021-07-09 10:56:10 · 2400 阅读 · 0 评论 -
记录 antd 里select 的一个小坑
使用成熟的UI框架当然就觉得很舒服、很快捷。但是总会遇到一些不曾预料的问题在此记录一下使用antd的select时候的一个小坑 以及解决办法当Select的 value 为空时。可能会遇到上述的问题,产生一个空tag。这当然是不期望问题,在研究了一下项目和文档之后,发现当 value 为空时可以赋值一个 undefined就会解决问题...原创 2020-11-11 13:42:08 · 2346 阅读 · 0 评论 -
修改antd 里日期选择器DatePicker 的默认样式
antd框架属实好用,但是UI美观度却不尽人意那么,日期选择器的UI该如何修改呢?这里只修改了颜色部分:global{ // 修改 日期选择框的属性 .ant-calendar-selected-day > .ant-calendar-date { // 选中 当前日期的 背景色 background-color: rgba(132, 63, 255,0.8); } .ant-calendar-date:hover{ // 鼠标的hover效果 backgr原创 2020-08-27 18:26:16 · 8660 阅读 · 2 评论 -
如何修改antd里Select的样式?????
如何修改antd里Select的样式?????antd的Selectantd的Select附一个官网链接 antd Select官方给出的框架用起来是很方便,但是美观程度差强人意,给出的API里虽有className属性,但是这是进行修改Option的样式那如何修改Select的样式呢?废话不多说,直接上代码 :global{ .ant-select-selection{ // antd 版本3.* // 你想要的样式 } .ant-select-selector{ /原创 2020-08-18 18:28:49 · 22456 阅读 · 8 评论