![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Violent_clown
如果你足够努力,任何事情都是可能的!
展开
-
ant design pro v5 配置拦截器,header
ant design pro v5 配置拦截器,header1.资料文档: https://umijs.org/zh-CN/plugins/plugin-request#requestinterceptors2.编写app.tsx,我这里是自己随便写的demo,拦截器没有按照要求写判断这些,如果需要可以自行编写这些,这里只是想让你知道该怎么去配置。代码如下:3.这里就完成了一个简单的拦截器,这个里...原创 2020-09-08 15:07:31 · 4094 阅读 · 2 评论 -
ant design pro 打包后,dist进行本地运行
ant design pro 打包后,dist进行本地运行1.在项目中npm run build,即可进行项目的打包,这里耐心等一下就好,打包完以后,最终会生成一个dist文件。2.下载nginx,启用代理服务,目的是为了替代ant design pro proxy.js里面配置的代理。因为项目打包以后,代理是不会生效了的。可以参考官方的配置:https://pro.ant.design/do...原创 2020-08-13 11:08:10 · 3070 阅读 · 1 评论 -
ant design inputNumber 组件带有人民币符号
inputNumber 组件带有人民币符号,webpack打包后,显示错乱1.先看官方给的代码:<InputNumber formatter={value => `¥${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')} parser={value => value.replace(/\¥\s?|(,*)/g, '')...原创 2020-08-13 10:51:29 · 1258 阅读 · 0 评论 -
ant design pro 加入富文本
ant design pro 加入富文本1.先看一下效果图:2.先安装相应的包import { Editor } from 'react-draft-wysiwyg';import draftToHtml from 'draftjs-to-html';3.界面引入包和界面代码4.编写相应的css.demo-editor{ heigh...原创 2020-08-07 17:19:09 · 2239 阅读 · 2 评论 -
ant design pro table 实现表格可伸缩列
ant designpro-table 组件 实现表格可伸缩列 编写人:洪伟富1.使用前可以先查看一下官方文档 网址:https://ant.design/components/table-cn/#components...原创 2020-08-06 11:30:29 · 5609 阅读 · 0 评论 -
react Amap引入高德地图,并实现搜索定位。
react Amap引入高德地图,并实现搜索定位一、react 引入Amap: Amap官方地址:https://elemefe.github.io/react-amap/articles/start 按照官方操作说明,安装相应的npm即可,这里不做重复赘述。二、实现效果: 注意:代码里面涵盖了一些自己的代码逻辑...原创 2020-06-05 17:29:02 · 5768 阅读 · 3 评论 -
react design pro 实现多条件进行查询数据
react design pro 实现多条件进行查询数据一、描述: 对于后台管理系统,在编写业务界面,多条件进行联合查询数据是最基础的业务需求,一般多条件查询都是传入相应字段的ID或者其它值。二、实现的界面效果: 三、实现思路: ...原创 2020-04-27 09:05:23 · 1785 阅读 · 0 评论 -
React Ant Design DatePicker 设置默认显示当前日期
React Ant Design DatePicker 设置默认显示当前日期一、描述: Ant Design DatePicker、TimePicker、RangePicker默认显示当前日期。二、方法:1.引入moment2.设置还有其它...原创 2020-04-24 17:12:23 · 9778 阅读 · 1 评论 -
React Ant Design Pro业务代码编写反思
React Ant Design Pro业务代码编写反思一、这几天,在学习新的react+Ant Design Pro技术,在此记录一下,有很多想说的,之所以选择了React,是因为它是基于组件化,能够通过组件和状态控制页面的数据更新渲染,不得不说受...原创 2020-04-17 11:50:56 · 475 阅读 · 0 评论 -
React design Model 模态框中加入表单,并进行提交
React design Model 模态框中加入表单一、我要实现的功能:选中表格中的一行数据进行编辑,编辑方式为,弹出模态框,显示相应的数据,并进行表单提交操作,从而实现数据的修改,界面如下图:二、说一说我遇到的问题,那就是在获取表单...原创 2020-04-15 13:45:00 · 3765 阅读 · 0 评论 -
React design pro 向表格中添加数据,表格不会刷新
React design pro 向表格中添加数据,表格不会刷新一、由于我是初学者,很多东西都没有深入的理解,看dva文档也并没有深入的进行了解,所以才导致遇到了许多的问题。我遇到的问题:我通过form提交数据表单,写入数据库,但表格不能同步刷新插入的数据,并且显示,显示的还是...原创 2020-04-14 11:19:49 · 3290 阅读 · 1 评论 -
React Ant design pro 访问服务器接口,获取数据显示
React Ant design pro 访问服务器接口一、前两天更新了Ant design pro环境搭建,需要了解的小伙伴可以看一下之前的内容,还有react基础教程噢。二、框架搭建完后,一般第一时间都是查看官方文档,但我依然看的还是一头水务,有许多知识点还是不太了解。...原创 2020-04-08 13:29:45 · 4624 阅读 · 1 评论 -
React基础学习视频
React最新基础学习视频 1.网址:https://www.bilibili.com/video/BV1hE411c7L1?p=12.最近我越来越喜欢在b站学习,和看视频了,真的有很多好东西。3.我已经学习完了整个视频,主要是讲得还不错,也是前几天才更新得,真心...原创 2020-04-06 13:08:03 · 829 阅读 · 0 评论 -
搭建Ant Design Pro脚手架
搭建Ant Design Pro 开发一、Ant Design Pro介绍: Ant Design Pro 是一个企业级中后台前端/设计解决方案,据此构建了一套基于 React 的中后台管理控制台的脚手...原创 2020-04-03 11:12:13 · 2078 阅读 · 0 评论 -
create-react-app引入Ant Design
create-react-app引入Ant Design一、reeact官方脚手架搭建:先安装node.js,安装这里就不在进行叙述,然后依次执行以下几条命令:npmcreate-react-app my-appcd my-appnpm s...原创 2020-04-03 08:36:57 · 417 阅读 · 0 评论