
Ant Design
马优晨
生活中的打击和挫折远比想象的更多,有时灾难又会让你的一切努力白费,也许明天我们就会死去,但如果我们还活着,在面对着种种不公和无奈过后,“明天的明天的明天,你是否会依然爱着这个世界。” 我想我会.......................
展开
-
antd4中Form.create已废弃
问题:Warning: [antd: Form] antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.原因:v4 的 Form 不再需要通过Form.create()创建上下文。Form 组件现在自带数据域,因而getFieldDecorator也不再需要,直接写入 Form.Item 即可antd3方案:// antd v3const Demo = ({ f...原创 2022-01-28 17:39:54 · 3656 阅读 · 0 评论 -
react封装子组件弹框
{/* 协议弹框 */} <Protocol visible={visible} register={ async (tick) => { setVisible(false); if(tick){ setSwitchChecked(true); setAlertShow(true); setTimeout(()=>{ .原创 2021-06-15 19:27:03 · 679 阅读 · 0 评论 -
时间控制插件调用接口
(1)一个时间控制插件:需求,根据时间组件选择的时间,来根据选择的这个时间段去”搞事情“;(2)组件的代码分析:组件的js和样式代码如下index.js/**** DurationSelector**/import React from 'react';import { Button, DatePicker, message } from 'antd';import moment from 'moment';import PropTypes from 'prop-types'原创 2021-06-15 18:18:52 · 338 阅读 · 0 评论 -
antd输入框禁止回车
问题:比如这里,我输入一个淘宝账号名:结果按回车,就触发了 冒泡。处理办法: const preventBubble = function (e) { e.preventDefault(); };<Item label="淘宝账号名"> {getFieldDecorator('taobaoNick', { rules: [ { required: true, message: '请输入淘宝账号名'原创 2021-04-01 19:57:18 · 3960 阅读 · 1 评论 -
antd模糊搜索框
antd的模糊搜索框该如何使用,这里通过一个列子说明一下:HTML <Item label="企业名称"> {getFieldDecorator('enterpriseId', { rules: [ { required: true, message: '请输入企业名称', }, ], onChange:handleChangeCom, i.原创 2021-03-31 16:07:37 · 4859 阅读 · 0 评论 -
antd过滤table里面的某个字段
问题:如下所示,这里是一个antd的一个table数据,现在需要在某种情况下不展示'作者昵称',其他情况展示,需要如何实现呢? let columns = [ { title: '内容ID', dataIndex: 'id', width:90, }, { title: '标题', dataIndex: 'title', width:150, }, { title: '作者昵称'原创 2021-03-16 11:50:11 · 2011 阅读 · 0 评论 -
input组件未在Form内,清空输入数据
默认天数是0 输入数字 输入错误格式输入大于10000天数正确输入点击保存,清空输入框里面的值 对于上面的输入框,整个页面只有一个输入框,所有没有采用antd Form表单的形式,直接使用了 input的值来操作。代码如下:import React, { PropTypes } from 'react';import { Link } from 'rea...原创 2018-07-17 10:04:14 · 6027 阅读 · 0 评论