AntD 第28页

antd react实现上传文件进度条

进度条组件进度条Progress-AntDesignpercent是进度显示百分比//进度条获取进度条百分比在ajax里面写这个方法把获取到的数放到state里面然后再传到进度条组件里面就好了onUploadProgress

小熊猫壹贰号·2023-10-20 18:11

react调用antd4.X自定义图标 icon（深入，解决阿里巴巴矢量图标自定义更改后无法引用问题）

1先贴图2看官网代码https://ant.design/components/icon-cn/#components-icon-demo-custom使用iconfont.cn，使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接，我们在react里面调用它即可。3看这篇博客https://blog.csdn.net/weixin_44021270/article/deta

你好昵称已存在·2023-10-20 18:39

react实现一维表格、键值对数据表格key value表格

UI画的需求很抽象，直接把数据铺开，不能直接用antd组件了上一行是name，下一行是value，总数不定，最后前端还要显示求和classOneDimensionTableextendsReact.Component

six66667·2023-10-20 18:08

react antd实现upload上传文件前form校验，同时请求带data

最近的需求，两个下拉框是必填项，点击上传按钮，如果有下拉框没选要有提示，如图如果直接使用antd的Upload组件，一点击文件选择的窗口就打开了，哪怕在Button里再加点击事件，也只是（几乎）同时处理两个方法

six66667·2023-10-20 18:07

antd表格宽度超出屏幕，列宽自适应失效

最近遇到个诡异的问题，Table用的好好的，可就有一个页面的表格显示不全，超出浏览器宽，设定表格宽度也没用。仔细分析了用户上传展示的数据后发现，不自动换行的超宽列都是url地址，一开始还以为是地址里有不换行的转义符，查看数据后也没有。最终发现是因为url地址被当做一个英文单词，而一个单词除非里面有连字符，是默认不换行的，中文没有这个问题。最后在样式里面设置：.td{word-break:break

six66667·2023-10-20 18:37

关于react-antd里的表单的自定义校验

最开始我想的是在input标签里面加入onChange时间，但是用到了antd，本来就是校验功能，这个功能已经添加上了正则校验手机号的功能（用的antd的API），所以我想自定义校验的话应该也会有相应的

天天摆烂·2023-10-20 18:07

antd+react 表单自定义验证

validator单独写在一个对象中。必须先判断value是否存在，否则验证后台提示，页面不显示未添加代码部分//用户名称校验consthandleName=(rules,value,callback)=>{if(value){if(value.length10){console.log("0000")callback('请输入2-10位用户名称')return}}else{callback()}

会跳舞的小猴子·2023-10-20 18:36

React给antd中TreeSelect组件左侧加自定义图标icon

今天碰到了一个很恶心的问题，就是在给antd的treeSelect组件加左侧icon的时候，总是报一个警告，Warning:Eachchildinalistshouldhaveaunique“key”prop

六卿·2023-10-20 18:36

react中使用antd自定义form表单：

antd自定义表单的官方说明：具体使用：子组件封装：自定义form组件，在引入的使用已经提供了value和onChange方法，所以在子组件中直接使用就行了。

light多记一点·2023-10-20 18:33

react中antd/select下拉框可单选可自定义输入

importReact,{useState}from'react';import{Select}from'antd';const{Option}=Select;constarr=[1,2,3,4,5];

一夜醒来头秃了·2023-10-20 18:03

react antd中模态框自定义按钮踩坑

antd中模态框自定义按钮上代码//这个key值必须填不然会引起非必要的冲突]}>Somecontents...Somecontents...Somecontents...

lixh_man·2023-10-20 18:03

react项目使用antd组件库自定义主题颜色

我们的UI样式跟antd的颜色不太一样，所以要全局修改一下主题颜色，这是再有less的前提下，如果项目使用的不是less，请先下载less的依赖第一步：下载依赖npminstall@craco/craconpminstallcraco-less

haoxinqing222·2023-10-20 18:32

react仿照antd progress实现可自定义颜色的直角矩形进度条

可传颜色、带滑块的直角进度条很歹毒的UI设计（真的很丑）实现：classRankProgressextendsReact.Component{render(){const{percent,progressColor}=this.props;return()}}使用：样式（less文件）.progress{:global{.progress-outer{position:relative;displ

six66667·2023-10-20 18:29

单独修改组件库样式/样式穿透/深度选择器

less的样式穿透使用：（/deep/）2.stylus的样式穿透使用：（>>>）3.通用的样式穿透使用：（::v-deep）二、单独修改当前页面内的单个组件样式样式穿透其他场景应用：v-html存在问题：AntDesignofVue

大脸胖柴·2023-10-20 14:08

关于react引入图片无法显示的问题（不报错）

关于react引入图片无法显示的问题（不报错）问题在UI组件里面使用添加图片，直接用src给出路径在确定路径无错后，开始以为是antddesign组件添加图片的问题。

cjcora·2023-10-20 13:22

react使用antd如何动态设置input输入框的值

注意：Form里initialValues不能被setState动态更新，你需要用setFieldsValue来更新。举个例子：当我点击修改时需要动态更新模态框中输入框的值相应代码（注意：需要给From引用ref）：要动态更新输入框的值，相应代码如下：myForm=React.createRef()//就是上面图片ref的容器showUpdate=(text)=>{this.setState({m

正在开发中·2023-10-20 12:40

antd 给input设置值_React中input框设置value报错解析

reactinput不设置onChange的常见错误截图表单是前端非常重要的一块内容，并且往往包含了错误校验等逻辑。React对表单元素做了专门的优化处理，他对表单元素做了一些抽象，使得他们的使用方式更统一更规范。约束性和非约束性组件表单里面出来了一个新的概念叫“约束性组件”。那么如何理解约束性组件和非约束性组件呢。约束性组件，简单的说，就是由react管理了它的value，而非约束性组件的val

weixin_39936086·2023-10-20 12:39

React中修改antd input框的placeholder样式 scss 写法

:global(.ant-input::-webkit-input-placeholder){color:rgba(64,150,255,0.3);}

web_小码农·2023-10-20 12:33

Ant-Design-React中的控件onChange事件传递多个参数

在antd给的api中可以用onChange来获取输入框或者下拉框的值，默认会传递到函数中，可以直接使用但是如果你要传递默认值和自定义参数，那么，在函数中直接写自定义参数能传递过去，默认的当数据却拿不到可以使用以下代码

前端猪皮人·2023-10-20 12:33

react ref 获取和更改input值

项目场景：要求：项目场景：ref获取和更改input值解决方案：解决方案：Input—import{Space,Inputge}from‘antd’;//dome查询重置;treeReq()—reset

Z_Wonderful·2023-10-20 12:00

antd 在webpack.config配置主题色

虽然官方提供了craco-less来覆盖less-loader提供的less变量，但自己也想试着修复config来配置一下首先需要运行yarneject来暴露webpack的配置其次需要安装less-loader（注意这个需要在3以下）和babel-plugin-importyarnaddless@^2.7.3yarnaddbabel-plugin-import然后打开webpack.config

奔跑的痕迹·2023-10-20 10:55

盘点哪些我拥有的课程（一）【文末分享

算法原理+实战深度学习算法工程师必学，深入理解深度学习核心算法CNNRNNGAN2.手把手开发一个完整即时通讯App客户端+服务端+MVP架构+封装思想+主流框架3.Typescript+React高仿Antd

weixin_51361104·2023-10-20 09:48

vue2.x+antd-vue搭建后管项目

使用vue2.x+ant-design-vue搭建一个后台管理系统的基础架子，直接打开电脑一起敲就行了node环境官网：https://nodejs.org/zh-cn/download/前端开发框架和环境都需要Node.js，先安装node.js开发环境，vue的运行是要依赖于node的npm管理工具来实现node安装不多说，跟着别人的教程装就行了编辑器工具（vscode）官网：https://

洋茄子炒鸡蛋·2023-10-20 02:20

Mac版：基于React框架的DataV环境搭建（含nodejs、nvm、webpack与antd的配置）-- 保姆级

大潘达·2023-10-20 00:12

前端开发中遇到三个Bug：【VSCode无法保存代码】、【Ant Design Vue对话框背景全黑】、【This relative module was not found】

文章目录前端开发中遇到三个Bug：【VSCode无法保存代码】、【AntDesignVue对话框背景全黑】、【Thisrelativemodulewasnotfound】VSCode无法保存代码，文件内容较新

知识汲取者·2023-10-19 23:31

ant design vue pro Warning: [antdv: Icon]

控制台提示：异常提示Warning:[antdv:Icon]Iconshouldhavetypeproporcomponentproporchildren.原因分析及出现场景：百度后了解到，这个提示大致意思是

那就飞了吧·2023-10-19 20:54

webpack4 升级至 webpack5 过程总结

zzy-project-cli(地址在文末)此项目为自行开发构建，包含原webpack4版本和升级后的webpack5版本框架技术栈为react、react-router、HOOK、react-redux(已安装，未使用)、antd-mobile

想必是渣渣宇了·2023-10-19 15:34

react使用antd警告：Warning: findDOMNode is deprecated in StrictMode.

警告信息：Warning:findDOMNodeisdeprecatedinStrictMode.findDOMNodewaspassedaninstanceofDOMWrapwhichisinsideStrictMode.Instead,addarefdirectlytotheelementyouwanttoreference.Learnmoreaboutusingrefssafelyhere:

张中华·2023-10-19 10:54

基于vue2+koa2+nuxt+mongodb的个人blog

技术栈：vue2+nuxt+koa2+mongodb+antDesignVue+vue-element-admin体验访问地址：sycho.cngit仓库：sycho项目截图：pc端移动端admin端个人

sycho·2023-10-19 09:16

react+antd 父子组件传参

父组件传值给子组件（子组件是弹窗）子组件在父组件的界面代码，先在文件入口引入子组件，然后通过comment将父组件的值传到子组件importProjectListfrom'../ProjectList'子组件接收componentDidMount(){console.log('父组件的传值',this.props.comment)}UNSAFE_componentWillReceiveProps(

WGT_Kris·2023-10-19 09:19

React +AntD + From组件重复提交数据（已解决）

开发场景：react+Hooks+andt提交form表单内容给数据库(使用antd的form组件)问题描述提交是异步的，请提交方式是POST方式提交表单内容给后端，却产生了两次提交记录（当然，数据新增了两条数据

画月的亮·2023-10-19 09:18

antd RangePicker 时间范围控制

handleData(time){if(!time){returnfalse}else{//大于当前日期不能选time>moment()//小于当前日期不能选timemoment().add(7,'d')returntimemoment().add(7,'d')}}

风之伤_3eed·2023-10-19 08:33

antd表单的ProTable组件为可编辑表格时，数据源改变但是表格没重新渲染

//去掉dataIndex后只要dataSource变化，则dom就一定会渲染//dataIndex:‘value’,{title:'按单处理',//去掉dataIndex后只要dataSource变化，则dom就一定会渲染//dataIndex:'value',width:120,editable:false,render:(_:any,record:any)=>{return((o.value

呐呐呐呐。·2023-10-19 08:00

学习.NET MAUI Blazor（三）、创建.NET MAUI Blazor应用并使用AntDesignBlazor

大致了解了Blazor和MAUI之后，尝试创建一个.NETMAUIBlazor应用。需要注意的是：虽然都叫MAUI，但.NETMAUI与.NETMAUIBlazor并不相同，MAUI还是以xaml为主，而MAUIBlazor则是以razor为主。这个系列还是以MAUIBlazor为主，要创建一个MAUIBlazor应用，需要安装VisualStudio202217.3或更高版本，并在安装程序上，勾

倾斜的水瓶座·2023-10-19 05:15

Blazor + Ant Design + .NET 5快速开发框架（1） - 项目创建

但是在国内一直不温不火，虽然心里可惜，但是没有什么办法，作为.net开发的一员，只能在前进的道路上留下一笔，这次使用Blazor是微软新出的前端框架，采用c#代替JavaScript，类似与Vue，前后端绑定，而AntDesign

北音执念~·2023-10-19 05:12

react+vite+ts+antdesign项目搭建-20220802

react+vite+ts+antdesign项目搭建（可同时参考vue3+vite+ts+Elementplus项目搭建）—20220802目录react+vite+ts+antdesign项目搭建（

青山绿水的蓝·2023-10-19 04:51

antd ProComponent 常用操作总结

相信很多同学都用过AntDesign这一react著名组件库，而ProComponents则是在antd之上进行封装的页面级组件库（指一个组件就可以搞定一个页面）。

HoPGoldy·2023-10-19 01:32

记一次edu站点并拿下的过程cnvd

采用前后端分离架构：SpringBoot2.x，AntDesign&Vue，Mybatis-plus，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码！

渗透测试老鸟-九青·2023-10-18 22:21

React项目中常用的插件

AntDesign中文网站：https://ant.design/docs/react/introduce-cn由蚂蚁金服提供的一套企业级的UI设计语言和React实现。

Jie221·2023-10-18 21:14

antd table表格支持多选框选择当前列，进行格式设置等

项目中遇到一个需求，要求可以选择当前列，对当前列数据进行格式设置等，发现官方文档都不支持，于是自己封装了一下antdtable组件import{Checkbox,Table}from"antd";importReact

仙女爱吃鱼·2023-10-18 21:33

antD table组件部分不可勾选

查询queryParam={}">重置{{record.chn_name}}importmomentfrom'moment/moment'import{STable}from'@/components'import{getInvestorPageList}from'@/api/project/business/investor'conststatusMap={1:{status:'default'

是文静的·2023-10-18 21:01

antd Protable 单选多选配置

一定要配置selectedRowKeys隐藏头部信息tableAlertRender={false}

wx-18538561085·2023-10-18 21:00

React封装支持多选搜索的表格弹框组件--SelectTableModal组件

';importPropTypesfrom'prop-types';import{Row,Col,Modal,Input,Button,Divider,Card,Table,message}from'antd

航小码·2023-10-18 21:58

AntDesign中Table的选择项居右显示

近日项目里的一个小需求，在使用Table的rowSelection属性时遇到了一些小问题，记录一下。需求：表格+后置单选按理说是个很简单的需求，看了下文档说配置上rowSelection即可，配置完之后是这样显然不太合适，操作应该在右侧，然后看了看rowSelection的配置，并没有将选择项右置的属性，只有一个fixed：boolean来配置是否将选择框固定在左侧。查阅文章后发现有博主说其实fi

湫风洛夜·2023-10-18 21:57

【antd】Tree组件实现父子节点分离(父子节点不相互关联)

有的时候需要使得勾选父节点的时候不会影响到子节点，即勾选子节点的时候也要勾选上父节点给后台传过去WeChat2cee7be826074dbfe46c5d3a1a09c93a.png所以，这个时候就要用到antd

废柴码农·2023-10-18 19:51

antd Select onChange获取除了value其他的值

在日常工作中,有时候需要获取下拉选择框除了value其他的值,在antd官网中可以使用apilabelInValue;每个选项的label包装到value中,会把Select的value类型从string

superTiger_y·2023-10-18 18:21

Ant design table实现单选和点击行选中

实现单选Antdtable实现单选非常方便只需要在rowSelection属性里添加type:radio即可。

阿炜死了·2023-10-18 17:54

解决Antd 二次封装表格的可编辑功能(editable table)不生效的问题

问题概述使用了AntdTable组件，因为需要自定义的筛选功能，进行了二次封装。之后加上了可编辑行功能，当点击编辑图标，发现表格并不会有任何变化。

阿炜死了·2023-10-18 17:10

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频）

UmiJS&TypeScript&AntDesignProv4从零开始实战教程（63个视频）UmiJS&TypeScript&AntDesignProv4从零开始实战教程#1开始玩起来-免费视频教程UmiJS

程序员随风·2023-10-18 15:18

Umi v4 & Ant Desgin Pro v6 & prisma & zod & casbin 企业级后台系统玩透视频教程（14 个视频）

Umiv4&AntDesginProv6&prisma&zod&casbin企业级后台系统玩透视频教程（14个视频）研究透antdprov6,针对企业级应用需求进行开发实战。