antd4

antd 4 表格加scrolly 并且加fixed后错位

antd4表格加scrolly并且加fixed后错位最后一列的表格数据对不齐因为最后一列多出一个空的容器，还是用样式改最直接，加点类名.table-wrapper.ant-table.ant-table-thead.ant-table-cell-fix-right-first
lixh_man·2024-01-08 19:15

React - Form.create

antd4之前使用Form.create()控制表单域Form.create()是一个高阶函数，包装过的组件可以通过props.form属性获取表单数据props.formantd4废弃了Form.create
惊鸿尘·2023-12-22 08:41

基于Antd4 和React-hooks的项目开发

基于Antd4和React-hooks的项目开发https://github.com/dL-hx/react-cnode项目依赖使用react16.13react-redux7.xreact-router-dom5
小李科技·2023-12-21 06:13

antd4 Select 支持分页加载及搜索

要结合使用select的onPopupScroll和onSearch事件，api详情可以参考选择器Select-AntDesign1.要支持分页，就是在下拉列表滚动到底的时候发起下一次请求，把请求数据push到现有的下拉框里面2.搜索功能的话也要接口提供数据，前端获取不到所有的数据代码如下：const[options,changeOptions]=useState([])const[searchD
璐瑶知码li·2023-12-17 22:44

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

Antd3ToAntd4前提条件需将Antd3升级到最新版本，并解决控制台的警告与报错React要求最低为16.9.0版本，但推荐至少16.12.0版本以上实施流程根据官方文档的说明，需要先将antd升级到3的最新版本，然后利用codemodcli工具替换语法，最后手动解决一些警告。手动升级到4版本，官方提供的工具并不会自动升级antd版本npminstallantd@4--save根据官方文档，
田本初·2023-10-21 09:22

antd4 select multiple 阻止默认enter

{e.key==='Enter'&&e.stopPropagation()}}>
行走的麻袋·2023-10-16 21:31

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

antd4相对于antd3对表单进行了一些优化，其中就增加了F
要努力_·2023-10-11 09:30

Antd4 Table组件折叠收缩功能

hi～最近应业务需求实现一个基本的订单查询类功能，分为表单搜索框和列表展示两部分，根据表单搜索查询列表接口展示数据，Form和Table组件大家估计也玩烂了。今天记录下react项目如何实现Table默认展示订单列表，且订单有父子级展示，点击父级箭头实现折叠收缩功能。1.去官网扒一波要用到的api：defaultExpandAllRows初始时，是否展开所有行expandedRowKeys展开的行
静静心中的梦_66·2023-09-06 05:51

antd4的cascader动态加载需要点击两下才会加载子级数据,而且加载的是第一次请求的

我的需求是使用cascaser的动态加载和多选功能首先多选功能是需要4.17.0版本才有的，一开始没注意到自己antd的版本比较低，还以为这两个功能不能合并在一起还有遇到的一个问题就是需要点击两下才会加载自己数据首先附上官网的示例代码constloadData=selectedOptions=>{consttargetOption=selectedOptions[selectedOptions.l
憨逗君·2023-09-05 01:10

antd 给table底部加合计、侧边总计动态计算

使用antd4中summaryhttps://ant.design/components/table-cn/#components-table-demo-edit-rowsummary={pageData
Cirosty·2023-08-05 04:48

antd 表格合计栏

第二种：使用antd4中summary方法一：把合计行插入到数组中需要对每列求和，然后插入到数组中importReact,{useEffect,useState}from'react';import{PageContainer
waillyer·2023-08-05 04:46

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

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

创建react5.0项目多环境，集中路由，集成antd，集成antV

创建react5.0项目并集成antd，antv0使用手脚架CreateReactApp创建完成react项目1多环境2集中路由3集成antd4集成antV0使用手脚架CreateReactApp创建完成
滑德友·2023-04-11 09:56

antd table 可伸缩列 react-resizable 多表头实现

自带的可伸缩列控制列宽，不能对多表头、合并单元格的table起效果，于是优化了一下奉上截图2张，没有录屏拖动前.png拖动后.pngResizableTable.tsx组件代码如下import{Table}from"antd4
亲了你一下宝宝·2023-03-25 14:35

【无标题】

antd4版本显示半中文半英文自从antd4版本更新后，我的时间组件就是半中文半英文模式，一直没找到解决办法去git上查看了一下，发现有不少人都有这样的问题。
i_NEEDhLep·2023-03-12 03:34

antd4里table的滚动是如何实现的？

首先antd4的table的底层实现是rc-table，就从rc-table来看看。
caicsama·2023-03-01 07:19

antd4使用Modal+Form时resetFields无效的原因

如果遇到这个问题，一定没有认真阅读官网的文档。问题原因及解决方式如下：注意#默认关闭后状态不会自动清空,如果希望每次打开都是新内容，请设置destroyOnClose。和Form一起配合使用时，设置destroyOnClose也不会在Modal关闭时销毁表单字段数据，需要设置。官方文档链接：https://ant.design/components/modal-cn/#%E6%B3%A8%E6%8
Openwit·2023-01-29 19:22

React18完成一个信息管理系统

本项目使用了react18，antd4，react-router-dom:"^6.3.0"，redux:"^4.2.0"。用于个人项目“我讲给你听”景点讲解APP。API接口是自己使用no
cici599·2022-09-22 08:07

AntD3与AntD4组件混用解决方案

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

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

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

ant design pro升级v4指南(附umi3与antd4升级)

前言自己在去年用antdesignpro创建了个后台服务的项目，当时创建的时候umi控制台提示是否使用antd4,当时抱着尝鲜的想法选择了yes,结果项目跑起来之后，功能没有问题，但是打开后台后发现各种提醒你升级或者迁移的
广兰路地铁·2022-02-03 09:34

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

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

React 高级指引的学习笔记 2

Refs转发接上文，开始研究refs转发的原因是因为，antd4更新的form表单更改了3的数据获取和方法调用的方式，需要在使用前使用类似于this.refForm=React.createRef()来定义
Cyearn·2020-11-20 16:39

React 高级指引的学习笔记 2

Refs转发接上文，开始研究refs转发的原因是因为，antd4更新的form表单更改了3的数据获取和方法调用的方式，需要在使用前使用类似于this.refForm=React.createRef()来定义
Cyearn·2020-11-20 15:35

antd4使用form表单

但是antd4表单组件换了很多新东西，而且还是用hook或者ts去实现的。感觉看了一下文档脑子都乱了，因此整理一下记在这里。会有一些关于3.x版本和4.x版本的Form使用对比。
sasaraku.·2020-11-06 14:53

antd4中Form组件initialValues设置初始值无效，使用setFieldsValue动态赋值，getFieldsValus动态获取值

首先说明initialValues这个属性，这个属性antd官方给的是设置Form组件初始值，但是有个问题如果值从后端请求那么initialValues可能会设置不上，如果说用匿名组件的话，修改From组件会导致一系列问题，接下来就是用到了setFieldsValue和getFieldsValus属性在antd官网中说明form组件不能使用this.setState修改值，只能通过setField
前端菜鸟马·2020-09-15 07:06

ant design pro升级v4指南(附umi3与antd4升级)

前言自己在去年用antdesignpro创建了个后台服务的项目，当时创建的时候umi控制台提示是否使用antd4,当时抱着尝鲜的想法选择了yes,结果项目跑起来之后，功能没有问题，但是打开后台后发现各种提醒你升级或者迁移的
广兰路地铁·2020-09-12 23:24

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

antd4.0模态框获取form表单的提交数据内容要想那到值，其实和antd4版本以前拿数据是差不多的。
rock_23·2020-09-11 22:10

使用ast完成antd4的升级（一）

antd4发布也有一段时间了，也是时候来一波升级了。antdv4版本对多个组件做了性能优化，日期选择也做了优化调整，icon移出到了单独的库中。
江雨·2020-08-22 12:13

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

使用ast完成antd4的升级（一）

antd4发布也有一段时间了，也是时候来一波升级了。antdv4版本对多个组件做了性能优化，日期选择也做了优化调整，icon移出到了单独的库中。
江雨·2020-04-06 19:28
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他