react搭架子
文章平均质量分 82
devwolf
react前端开发。常用的英文名,devwolf
展开
-
antd3中InputNumber组件录入去尾四位小数并百分化展现的一种实现(react)
antd对应3.x版本,react对应非hooks写法,本文也对标一些关于“js小数乘除失精”的解决策略。antd3的InputNumber数字输入框业务要求:录入时的数字展示,是一个保留了两位小数的非负百分数(不用补零)-->分析:即真值为4位小数,多录的部分去尾。jsx部分源码(table组件的column部分列配置): { dataIndex: 'col3', title: '费用',原创 2021-02-22 11:08:36 · 2764 阅读 · 0 评论 -
react脚手架项目craco可配置化后如何应用tailwindcss【待后续更新完善】
一些关键插件的版本:全局插件:create-reat-app:^3.4.1npx:^6.9.0项目插件```"@craco/craco":"^5.6.4","craco-less":"^1.17.0","postcss":"^8.1.4","postcss-loader":"^4.0.4","tailwindcss":"^1.9.6","typescript":"~3.7.2"```《craco配...原创 2020-10-30 16:43:34 · 1499 阅读 · 8 评论 -
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 · 2587 阅读 · 4 评论 -
解决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 · 1360 阅读 · 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 · 1026 阅读 · 1 评论 -
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 · 1190 阅读 · 0 评论 -
【react插件 -- mirrorx】报错Cannot read property 'data' of undefined
解决办法:除了看看有没整mirror.defaults({historyMode:'hash'})也看一下对document.getElementById('root')的render方法是不是从mirrorx里import的,即原创 2020-04-09 09:37:21 · 253 阅读 · 0 评论