antd-design

参与开源项目指南（偏前端方向）

刚好，最近业务上使用antd-design/pro-components这个开源框架比较多，在开发时也遇到了一些框架本身的bug或者是用起来不方便的地方，因此，也向antd-design/pro-components
星河阅卷·2024-01-25 14:13

Message全局提示（antd-design组件库）简单用法

1.Message全局提示全局展示操作反馈信息。2.何时使用·可提供成功、警告和错误等反馈信息。·顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。组件代码来自：全局提示Message-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello-world_reactdemo-CSDN
西晋的no1·2023-12-16 03:12

React相关内容

一、react开发环境的熟悉二、在react开发环境下，结合antd-mobile以及antd-design组件的使用。
An的杂货铺·2023-10-05 00:02

chalk

今天在看antd-design，发现一个叫chalk的东西https://juejin.cn/post/6973102969076219941https://juejin.cn/post/6973102969076219941
每天吃饭的羊·2023-10-01 01:37

react使用antd-design动态渲染组件，封装通用modal弹出form表单组件、table组件(传数据出页面)

react使用antd-design封装通用modal弹出form表单组件、table组件并附带1.upload上传图片转base64、2.批量插入excel表格数据页面展示效果第一步项目中创建CommonForm.js
与诸君共勉·2023-09-01 23:42

Button按钮（antd-design组件库）简单使用

1.Button按钮按钮用于开始一个即时操作。2.何时使用标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。在AntDesign中我们提供了五种按钮。主按钮：用于主行动点，一个操作区域只能有一个主按钮。默认按钮：用于没有主次之分的一组行动点。虚线按钮：常用于添加操作。文本按钮：用于最次级的行动点。链接按钮：一般用于链接，即导航至某位置。以及四种状态属性与上面配合使用。危险：删
西晋的no1·2023-08-07 06:26

Input输入框（antd-design组件库）简单使用

1.Input输入框通过鼠标或键盘输入内容，是最基础的表单域的包装。2.何时使用需要用户输入表单域内容时。提供组合型输入框，带搜索的输入框，还可以进行大小选择。组件代码来自：输入框Input-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello-world_西晋的no1的博客-CSDN博客】
西晋的no1·2023-08-07 06:26

Tooltip文字提示（antd-design组件库）简单使用

1.Tooltip文字提示简单的文字提示气泡框。2.何时使用·鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。·可用来代替系统默认的title提示，提供一个按钮/文字/操作的文案解释。组件代码来自：文字提示Tooltip-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello-wo
西晋的no1·2023-08-03 10:06

通过学习xRender的一些感受

介绍1.xRender是一个表单提交方案，类似于antd-design的table.2.当然有人就会好奇我用table不就好了，为什么要用它，因为当我们要写一个表单有50多个输入框，select框等需要提交数据
liulang68·2023-06-12 05:23

Select选择器（antd-design组件库）简单使用以及增加搜索功能

1.Select选择器下拉选择器。2.何时使用·弹出一个下拉菜单给用户选择操作，用于代替原生的选择器，或者需要一个更优雅的多选器时。·当选项少时（少于5项），建议直接将选项平铺，使用Radio是更好的选择。组件代码来自：选择器Select-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello
西晋的no1·2023-06-07 11:00

Form表单（antd-design组件库）简单使用以及单一检查规则

1.Form表单高性能表单控件，自带数据域管理。包含数据录入、校验以及对应样式。2.何时使用·用于创建一个实体或收集信息。·需要对输入的数据类型进行校验时。组件代码来自：表单Form-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-worldreact项目+antd组件-demo:hello-world_西晋的no1的博客-CSDN博客】，将表单
西晋的no1·2023-06-07 11:00

Spin加载中（antd-design组件库）loading效果简单使用

1.Spin加载中用于页面和区块的加载中状态。2.何时使用页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。组件代码来自：加载中Spin-AntDesign3.本地验证前的准备参考文章【react项目+antd组件-demo:hello-world_西晋的no1的博客-CSDN博客】，将加载中Spin-AntDesign中需要在本地使用的代码复制覆盖App2.js中的全
西晋的no1·2023-06-07 10:11

antd-design Form，Select联合使用 placeholder 不起作用问题

antd-designForm，Select联合使用placeholder不起作用问题起因最近在用antd写表单的时候遇到个问题:Form,Select组件一起使用时,设置Select组件的placeholder属性并没有起作用。如下图：imageimage发现Select组件的placeholder属性并没有起作用。排查对照官方文档看了一下官方的代码{getFieldDecorator('gen
w候人兮猗·2023-04-04 11:35

antd-design中树节点只能平级拖拽

以下是这个组件中需要实现的功能树的节点拖拽并且只能是平级与平级之间节点hover出现新增删除编辑设置引入树组件import{Tree}from'antd';const{TreeNode}=Tree;构造树的假数据this.state={treeData:[{title:'获奖行为',key:'获奖行为',children:[{title:'奥赛',key:'奥赛'},{title:'运动会',ke
oooooobtf·2023-03-11 12:50

React的搭建

1.安装react的脚手架create-react-app2.利用脚手架创建项目3.暴露项目配置文件npmruneject4.引入antd-design库/antd-design-mobile5.配置多页面
大祭司_2aef·2023-02-01 15:31

create-react-app 按需引入 antd-design

1.安装和初始化$npminstall-gcreate-react-app#注意：工具会自动初始化一个脚手架并安装React项目的各种必要依赖$npxcreate-react-appmy-app$cdmy-app$npmstart打开http://localhost:3000/访问你的应用。2.安装antd$npminstall--saveantd3.按需加载引入CSS形式，实际上是加载了全部的a
南张门·2020-09-15 00:43

antd-design/pro-table组件说明(官方readme)

@ant-design/pro-tableAntd官网没找到Pro-Table的相关说明文档，下面是从依赖包里捞出来的readme。DemocodesandboxAPIpro-table在antd的table上进行了一层封装，支持了一些预设，并且封装了一些行为。这里只列出与antdtable不同的api。可以搭配antd-table的文档食用https://ant.design/component
咕了个咕·2020-08-20 22:24

改造antd的Modal组件使其可拖拽

项目用的ui框架是antd-design,相信开发过react项目的都对它不陌生，几乎是react项目首选的ui库，毕竟阿里出厂，质量保证，但是坑爹的是它的M
小丸子大兄弟·2020-08-10 21:41

React+AntdDesign写一个完整的demo ——起步

项目准备：1、编辑器这里我采用的是Webstrom2、创建react-app项目和引入antd-design框架；参考链接：https://ant.design/docs/react/use-with-create-react-app-cn
a little peanut·2020-08-02 23:08

antd-design treeselect 默认显示树

需求是默认一进去显示整棵树，但是在antd-design（https://ant.design/components/tree-select-cn/）默认都是收起来的，没有API满足这个需求；本想用原来的
撒库拉-琳琳·2020-07-12 14:24

antd-design LocaleProvider国际化

1.LocaleProvider使用React的context特性，只需在应用外围包裹一次即可全局生效。import{LocaleProvider}from'antd';importzh_CNfrom'antd/lib/locale-provider/zh_CN';render(,document.getElementById('root')).
weixin_34361881·2020-06-28 17:50

清空antd-design时间选择组件 RangePicker的值

可以给这个RangePicker控件设置一个key，通过将key设置为newDate()达到清空目的，具体操作如下：const[keyValue,setKeyValue]=useState('');/***重置*/functionreset(){setKeyValue(newDate());}return({setApplyDeadlineTime(date);}}/>reset()}>重置)
土豆儿哥·2020-01-09 08:00

Next.js 集成 React + Antd-design 踩坑记--初篇

作为一个React小白（至今未写过react项目），接到需求的第一步就是选择Google，以为自己很lucky，搜到了标题为Typescript+Ant-Design+Redux+Next.js搭建服务端渲染框架的一篇文章，粗略看了下立马开撸，毕竟实践才能发现真理，撸完之后项目跑得非常完美，以为自己的工作已经完成百分之五十了，因为项目要做国际化，要实现多语言，于是又是一波Google，刚好有一篇N
Evelyn·2019-11-14 16:29

antd-design Form，Select联合使用 placeholder 不起作用问题

antd-designForm，Select联合使用placeholder不起作用问题起因最近在用antd写表单的时候遇到个问题:Form,Select组件一起使用时,设置Select组件的placeholder属性并没有起作用。如下图：发现Select组件的placeholder属性并没有起作用。排查对照官方文档看了一下官方的代码{getFieldDecorator('gender',{rule
w候人兮猗·2019-07-01 00:00

React部署到腾讯云上访问速度慢（上）---- 前端解决方案

抛开代码内部可优化的问题，主要是因为使用了antd-design的库（已经使用了antd-design的按需加载），这个东西挺大的
艾剪疏·2018-07-06 09:14

使用dva脚手架创建antd-design开发环境 并处理跨越 （附 github 源码）

dva是一个基于React和Redux的轻量应用框架，概念来自elm，支持sideeffects、热替换、动态加载、react-native、SSR等安装dva-cli$npminstalldva-cli-g$dva-v0.8.2创建新应用$dvanewcorsDemo这会创建corsDemo目录，包含项目初始化目录和文件，并提供开发服务器、构建脚本、数据mock服务、代理服务器等功能。运行项目$
吴姝璇·2017-12-26 16:21
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他