antd
antd的使用总结
宋弈之
躲进小楼成一统,管他冬夏与春秋
(注:因随着技术经验成长,过去总结的文章会有不足之处,浪费大家时间也很抱歉,若可以还请指正,我会进行修改。)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用resetFields来清空antd中的form表单
antd清空form表单中的内容当我去使用antd中form表单中的清空数据时的东西,我发现他们那个不太适合react中jsx组件使用(如ref的使用方式、const [form] = Form.useForm();这种的也不适合)。而且我出现了各种报错,我发现问题所在点就是我们一定要使用getFieldDecorator 可以解决这些问题。当然,使用getFieldDecorator就相当...原创 2020-03-09 20:10:43 · 12141 阅读 · 0 评论 -
antd设置select支持输入和选择功能
这是我封装的antd select支持输入和选择功能代码,直接拿过去就可以用了原创 2021-08-21 15:21:55 · 6495 阅读 · 3 评论 -
antd4.0模态框获取form表单的提交数据内容
antd4.0模态框获取form表单的提交数据内容要想那到值,其实和antd4版本以前拿数据是差不多的。因为antd3以前拿数据(有段时间不用3版本了,只记得大概,简要写一下,不一定就没错):const { getFieldDecorator } = this.props.form;onOkHandler = () => {// 3版本拿antd中表单的数据 this.props.form.validateFields((err, values) => { if(!er原创 2020-07-29 16:12:06 · 5040 阅读 · 5 评论 -
React+antd中form的创建和编辑使用同一组件的回显问题
React+antd中form的创建和编辑使用同一组件的回显问题笔记中的需求讲解:创建和编辑都是antd中的modal弹框,弹框的内容那是form表单,所以创建不用说,重点则是编辑时的回显。创建和编辑就传个不同值来区别什么时候是创建,什么时候是编辑就好了,笔记不细说了。React:使用父传子的形式:直接可以在componentWillMount这个生命周期中就能拿到数据,然后是用antd——form的一个属性:setFieldsValue设置name就????了。componentWillMou原创 2020-10-12 18:26:44 · 3002 阅读 · 0 评论 -
Form.List使用总结
使用Form.List是因为我的项目中涉及到一个两个单选按钮,当点击来自定义单选按钮就显示input框的问题,我当时最初没有选择用Form.List遇到了各种各样的坑,造成了很大时间上的浪费,初次用Form.List虽然会有点抵抗,但是却解决我的代码洁癖,写完感觉我的代码是非常整洁的。使用:注:一下是省略写法,主要是用来总结Form.List的使用,具体操作还是要看项目的需求const users = [ { name:'min', label: '小刚', }, { name:原创 2021-08-29 13:37:08 · 5080 阅读 · 0 评论 -
react Hook清空antd表单内容
使用方法:在组件内定义formconst [form] = Form.useForm();const clearHandler = () => { console.log('点击form表单'); // props.form.resetFields(); props.formStatus.resetFields(); console.log(props); }; return <> <原创 2020-07-27 14:30:25 · 3350 阅读 · 0 评论 -
Antd给表格一个斜线分隔
代码:const [columns,setColums] = useState([// 主要代码title: <div style={{“position”: “relative”}}><div style={{ “text-align”: “right” }}>参数<div style={{ “text-align”: “left” }}>变量<div style={{“content”: “”,“position”: “absolu原创 2020-08-18 14:25:16 · 2569 阅读 · 0 评论
分享