antd3

用vue3和antd3二次封装table和分页器组件

项目场景：如题：我是一只刚入行不久的程序员新人，因为公司新项目要用vue3和antd3，而且要我封装一个公共的table组件，也是查了很多资料，看了很多大佬的代码，配合自己的修改写出来了，因为刚写出来，

猫的猫毛·2023-11-20 18:54

antd3树形表格树形列显示不全使用拖拽列宽解决问题

描述antd没有自带的拖拽api借助库实现react-resizable表格代码使用components自定义表头header通过拖拽的onResize的api动态去改变columns的每一项的宽度importReact,{useState}from'react';import{Table}from'antd';import{formatMessage}from'umi/locale';impor

silence_xiang·2023-11-17 09:12

react Antd3以下实现年份选择器 YearPicker

项目antd版本低，没有直接可使用的年份选择器，参考此篇（使用antd实现年份选择器控件-掘金）一开始在state里设置了time：this.state={isopen:false, time:null}在类似onChange事件里this.setState({time:value})，datepicker里传value属性：确实每次选择完选择框里的值都变了，对应页面元素：但是，getfield

six66667·2023-11-15 23:30

antd 函数组件_react函数组件中引用antd＜Form/＞组件demo

forwardRef,useEffect}from'react';import{Input,Select,Row,Col,Button,Form,Switch}from'antd';/***函数组件中使用antd3

木木是个小尾巴·2023-11-07 18:40

antd3升级到antd4（已解决所有报错）

Antd3ToAntd4前提条件需将Antd3升级到最新版本，并解决控制台的警告与报错React要求最低为16.9.0版本，但推荐至少16.12.0版本以上实施流程根据官方文档的说明，需要先将antd升级到

田本初·2023-10-21 09:22

Ant Design4中Form.List和shouldUpdate一起使用的坑

antd4相对于antd3对表单进行了一些优化，其中就增加了F

要努力_·2023-10-11 09:30

记一次webpack迁移至vite【antd3(4)】

本文仅记录一下现有项目由webpack迁移到vite踩到的坑，至于vite的优缺点就不在此赘述了。具体可查看Vite官方中文文档环境webpackReactantd3(4)后台管理系统（兼容性要求没那么高）迁移方式使用wp2vite自动化工具(推荐)一键让使用webpack来进行开发和构建的项目支持使用vite来进行开发和构建。它会自动帮你生成入口文件、分析alias生成viteconfig配置、

可乐少点冰·2023-10-06 03:19

React Antd可编辑单元格，非官网写法，不使用可编辑行和form验证

antd3以上的写法乍一看还挺复杂，自己写了个精简版没用EditableRow+Cell的结构，也不使用Context、高阶组件等，不使用form验证最终效果：classEditableCellextendsReact.Component

six66667·2023-09-08 10:42

react antdesign table列可拖拽调整宽度

场景公司要求table列可以拖拽调整宽度，在antd版本4文档中，没有此功能，但是在antd3版本里有此功能，写法在antd4antd5中同样适用。以下为优化后代码，可直接复制使用。

努力吧灰灰兔·2023-07-28 07:33

react-antd table树形数据默认展开行实现以及自定义图标实现及踩坑(defaultExpandedRowKeys,expandedRowKeys)

环境及配置：antd-3.23.6(大版本为antd3)官方antd3版本API文档antd3和antd4版本对于表格来说变动很小只是把展开配置放到了一个expandable的对象里，所以只需要稍微变动就可以运用到

崽崽的谷雨·2023-07-18 23:28

antd3和dva-自定义组件初始化值的操作演示和自定义组件校验

前言在antd3(react)版和dva下,好像有的项目使用的是getFieldDecorator来获取表单的值的,现在就遇到了一个问题,getFieldDecorator针对antd自带的组件实现效果很好

未成年梦想·2023-06-10 22:07

AntD3与AntD4组件混用解决方案

然而，她不知道的是，我们用的AntD3，截图的是AntD4，而AntD3版本是有级联但是没多选的。此时，我计上心来，npm使用别名同时安装两个版本，直接用不就成事儿了吗！

web老猴子·2022-06-20 14:44

直到页面内存撑爆了，才让我领略了算法的重要性

于是我把项目中使用的antd3的TreeSelect组件，升级到具有无限滚动加载功能的antd5版本，始终只渲染10条数据，按理说页面卡死的问题应该就消失了。结果页面操

卡卡的Java架构笔记·2022-05-21 15:29

记一次生产问题的排查，让我领略了算法的重要性

于是我把项目中使用的antd3的TreeSelect组件，升级到具有

孤舟蓑翁·2022-05-03 17:00

项目中引入不同版本的ui库（例如antd3和antd4））

例如antd4的虚拟列表，表单等操作，相比于antd3会有很大的性能提升和便捷性，所以这两版本项目都会引用，这个时候该怎么引入呢？

VivaLaVida_692c·2022-02-11 13:15

antd3 form getFieldDecorator踩坑之路

背景因为用户体验和功能缺失等原因，产品要对房源发布功能做重构，在做新需求的时候考虑到有些状态和业务逻辑不需要暴露给父组件，所以就使用函数式组件对antd的数据录入组件(Select,Upload等)做了一下封装,注意这里用的是函数组件做的二次封装，入坑的原因也恰恰因为是函数组件，当然这也是后来才知道的。闲话少说，直接上代码：importReact,{useState,forwardRef}from

forever的专题·2021-09-15 17:23

react antd实现动态增减表单

今天有空写下文章记录下：怎么处理和逻辑我用的是antd3的版本，3和4的表单有点不一样，不过差别应该不大。

·2021-06-03 21:36

使用webpack3整合antd3的react项目

目标基于webpack3,antd3,react16建立一个react项目,使用webpack方式整合antd3,解决css模块化与antd3的冲突问题.启用antd3的按需加载最终目录结构:|-and-demo

码农梦醒·2021-04-20 16:49

AntD3点击列中的文字打开弹窗，关闭弹窗后会引起页面滚动

AntD4解决了Table中点击某一列打开弹窗，关闭弹窗后会引起页面滚动的问题AntD3点击列中的文字打开弹窗，关闭弹窗后会引起页面滚动，固定的列打开弹窗关闭弹窗后不会出现此问题，经过多次试验，结论：a

·2021-03-15 18:09

Antd Modal框的this指向处理

技术栈：react、antd3、typescriptModal对话框在使用antd的Modal时，Modal使用confirm()方法可以快捷地弹出确认框：functionshowConfirm(){confirm

理发师Tony·2020-12-07 14:10

antd4使用form表单

antd3怎么用都很熟了。但是antd4表单组件换了很多新东西，而且还是用hook或者ts去实现的。感觉看了一下文档脑子都乱了，因此整理一下记在这里。

sasaraku.·2020-11-06 14:53

antd4.0模态框获取form表单的提交数据内容

因为antd3以前拿数据(有段时间不用3版本了，只记得大概，简要写一下，不一定就没错)：const{getFieldDecorator}=this.props.form;onOkHandler=()=>

rock_23·2020-09-11 22:10

Ant-design 快速入门

2、安装后在win+r输入npminstallantd-init-g安装antd3、创建ant-demo输入mkdirantd-demo创建antd-demo4、cdantd-demo5、安装npm依赖输入

zsr228·2020-08-19 00:32

Ant-design 快速上手

2、安装后在win+r输入npminstallantd-init-g安装antd3、使用命令行进行初始化。

红莲开梦里·2020-08-18 22:15

antd3 -- antd4 api差异之form组件

一.form组件1.使用方式1.antd3使用需要注册.....constWrappedHorizontalLoginForm=Form.create({name:'horizontal_login'})(HorizontalLoginForm);2.antd4无需注册直接使用2.antd4api1.form使用：const[form]=Form.useForm();创建form对象from示例对

langyanyanglei·2020-07-08 20:51

开源精选：AntdFront —— React 纯 Hook 多标签微前端管理系统解决方案

AntdFront项目动机使用React开发管理系统前端，选择AntDesignofReact（antd）做UI十分常见，然而与其相关的开源项目普遍存在以下问题：大多使用antd3，使用antd4的项目很多还在用

Evan-Nightly·2020-07-06 23:09

antd3和4的form对比

近期准备升级antd4.0开发，发现form组件改动非常大，于是抽空看了改动点，于是有了这篇文章：首先回顾一下antd3的用法importReactfrom"react";import{Form,Input

东都花神·2020-07-06 17:53

[email protected] 表格多列联动排序

表格有一个常用的功能就是排序功能，排序功能依据谁排分为两种：前端排序（简单的序号等）后端排序（复杂点的排序，一般依赖数据库的排序功能）多个表头排序依据之间有没有分为：单列排序（互不影响）多列排序（根据点击顺序联动排序，注意Antd3

CondorHero·2020-06-21 14:20

Uncaught TypeError: __webpack_require__.i(...) is not a function

antd3版本webpack2moment2.18.1出现下面报错时：UncaughtTypeError:webpack_require.i(…)isnotafunction除了修改项目根目录moment

Baymax627·2018-03-14 17:36

高性能迷你React框架 anu1.2.2 发布

本版本主要是对antd3的组件进行最后一次修复工作，除了mention组件，都支持了。明年的精力就集中异步渲染与后端渲染上。

司徒正美·2017-12-29 00:00

推荐频道