antd4
devwolf
react前端开发。常用的英文名,devwolf
展开
-
create-react-app配置按需引入antd、支持.less、打包输出的文件夹从build变成dist、打包后文件引用报错时地址的修改
create-react-app如何修改webpack配置一共有三种第一种,执行eject不可逆的操作来保留配置文件,这个网上很多。-----第二种,和第三种都是不执行eject的,在根目录下新建的config-overrides.js文件上做修改。第二种【仅这种笔者提供确保可执行的代码】:使用 react-app-rewired 插件,并在此基础上使用 customize-cr...原创 2020-04-21 15:15:58 · 1177 阅读 · 0 评论 -
react ^16.12.0 + antd ^4.2.3 如何实现对Form下面的Form.Item进行动效展示【使用rc-queue-anim】
yarn add rc-queue-anim实际项目里笔者使用的是"rc-queue-anim":"^1.8.5"出自“Ant Motion”官网链接https://motion.ant.design/api/queue-anim-cn属于其中的“进出场动画”(之前以为是css样式动画,装了rc-tween-one研究半天Animate没有生效)rc-queue-anim的话,api很友好,子级元素记得手动加key,其他也没啥要注意的import QueueAnim from...原创 2020-07-31 14:07:45 · 1015 阅读 · 1 评论 -
解决antd中Povper包裹Input结合Form.Item出现的箭头定位误差
如果在Form.Item中使用Popover包裹Input会导致无法触发rules (这里指直接把Popover包裹Input写在Form.Item里面),只得Popover包Form.Item包Input但是存在标题中提到的rules验证开启时的气泡箭头定位误差(如图)然后给官方提了Issues——得知,Popover是官方封装了自己的Tooltip(猜测,毕竟看到了相似的API),然后Tooltip底层便是rc-tooltip虽然还没来得及看完文档测试demo,官方的...原创 2020-08-06 08:37:43 · 1335 阅读 · 0 评论 -
ts模板下craco化配置项的antd4项目(脚手架是create-react-app)
前言:最近有时间准备为年会提前准备一个纯前端的抽奖系统,看见antd4官方忽然推荐了新的脚手架可配置化方案,就开荒了(当然,这会儿这个插件没啥中文文档,也许后面出了中文文档或者优化了配置设置就不需要这篇文章了)本文中craco相关的,也就ts+react+webpack+craco下如何配置alias快捷引用菜单、修改默认打包文件夹buildpackage.json内容:{ "name": "react-antd-lottery", "version": "0.1.0", "p原创 2020-08-07 08:41:42 · 2569 阅读 · 4 评论