react
fengchi95
崇尚自由
展开
-
react项目解决子页面关闭时刷新父页面的解决方案
因为项目中需要进行流程审核,所以子页面是跳到一个新的界面(window.open),在子页面审核完成后跳回主页面进行刷新。所以使用windowonbeforeunload子页面:原创 2021-05-19 10:53:49 · 1637 阅读 · 0 评论 -
react中umi升级2.0到3.0(antd项目)
因为项目要用到antd4.0最新的紧凑模式,所以决定使用官网推荐的使用方式,将umi升到3.0,设置属性compact为true即可。下面是项目主要的修改及配置。一.package.json{ "dependencies": {- "umi": "^2"+ "umi": "^3" }}{ "devDependencies": {- "umi-plugin-react": "^1"+ "@umijs/preset-react": "^1" }}二.c原创 2020-09-27 10:28:38 · 2464 阅读 · 0 评论 -
react中使用fetch进行文件上传并与后台验证md5
项目有需要文件上传的功能,所以想用fetch来实现。样式方面用的是antd的upload组件,但网络请求没有用它本身的,因为请求数据方面还是得根据后台实际需求来。<Upload {...props}> <Button type="primary"> <Icon type="upload" /> 上传文件 </Button>...原创 2020-04-29 15:33:42 · 1175 阅读 · 0 评论 -
如何在react中使用websocket
一.如何引用websocketnpm install –save react-websocket二.在组件中如何使用1.先封装一个websocket组件import React from 'react';import Websocket from 'react-websocket';class ReactWebsocket extends React.Component {...原创 2020-04-22 10:20:52 · 7845 阅读 · 7 评论 -
react中使用canvas进行图片合成
最近react项目里需要动态变换图片里的某一个部件,然后整张图片重新加载。想了一下之前在java里是使用的ImageIO和BufferedImage进行合成的,看了一下由于项目需求是动态变换图片的,所以想的方法是利用canvas定义一个画布,然后drawImage,最后使用canvas.toDataURL转换成base64的图片,可供下载。项目代码如下,一个js文件即可实现功能。imp...原创 2020-02-17 14:51:45 · 4291 阅读 · 0 评论 -
React antd的FormItem结合switch设置initialValue无效
当antd formItem结合switch设置initialValue无效时,需要在getFieldDecorator 包装的控件中添加代码valuePropName:'checked',最后的代码呈现是这样的:<FormItem labelCol={{ span: 5 }} wrapperCol={{ span: 5,offset: 12 }} label="退回权限">...原创 2019-12-31 16:41:23 · 3596 阅读 · 0 评论