![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
xuehuayu.cn
xuehuayu.cn
展开
-
项目中遇到的有趣的“BUG”,这样做比删库跑路更高明
项目中遇到的有趣的“BUG”,这样做比删库跑路更高明持续更新中,更多请 请移步这里问题1、条件判断当 a 不等于 1 或者 不等于 2 的时候, 执行一段操作// 这个条件 永真,有时候 一眼 还真看不出来if(a !== 1 || a !== 2) { // todo something}问题2:重写父方法问题// 组件特别多的时候,改一下 基类父组件 的方法,真的能查好久class Parent { todo1() { console.log('p 1')原创 2021-11-18 18:01:45 · 121 阅读 · 0 评论 -
react实现全屏预览功能
react 实现全屏预览功能,使用 h5 的requestFullScreen api查看代码示例原创 2020-10-22 18:01:00 · 1768 阅读 · 1 评论 -
使用umijs实现登录鉴权功能
需求描述进入某一个页面,如果鉴权失败,则跳转到登录页面进行登录,登录成功,返回之前的页面实现方式umijs官方文档,在 .umirc.js 自定义路由的时候,添加wrapper,实现鉴权拦截然而折腾很久,还是没实现,于是用自己的方法实现实现分析首先写一个鉴权页面,鉴权成功加载页面,鉴权失败跳转登录页面,将这个页面包裹在项目的根组件外层import React from 'react'import PropTypes from 'prop-types'import { Red.原创 2020-07-16 23:39:04 · 6587 阅读 · 0 评论 -
react+electron实现自定义右键菜单复制粘贴
react+electron实现自定义右键菜单复制粘贴,可以在 electron app 和 其他应用比如 word txt 之间自由复制粘贴。有啥问题欢迎到我的博客留言一起讨论首先上图看效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ltiPAxE7-1588134616832)(https://store.xuehuayu.cn/store/20200...原创 2020-04-29 12:33:16 · 2368 阅读 · 0 评论 -
react+electron检测网络断开和重新连接
electron + react 如何实现网络断开、重新连接后刷新页面1、首先在新建一个html页面,页面中监听online和offline事件,当状态改变时,使用ipcRenderer将消息传递给electron的主进程<html><body><script> const { ipcRenderer } = require('electron')...原创 2020-04-27 10:08:57 · 2192 阅读 · 1 评论 -
umijs中如何引用svg图片
最近遇到需求在umijs中引用svg图片。下面说说实现方法。先看效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WQn5hMt3-1586361572751)(https://store.xuehuayu.cn/store/20200408/2020-04-08_215349.png)]分析查看umijs文档中,使用ReactComponent来引用sv...原创 2020-04-09 00:00:31 · 3947 阅读 · 0 评论 -
antd的select选择框选项水平横向排列
antd的select选择框选项如何水平横向排列?选项如何是图片?最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd先看效果分析antd的选项使用的是flex布局,其中默认样式使用的是flex-direction: column,也就是纵向布局,将其改为横向row即可查看实现方法相关链接antd的sele...原创 2020-04-08 23:58:12 · 4680 阅读 · 0 评论 -
antd的select选择框的值如何设置为图片
antd的select选择框选项如何水平横向排列?选项如何是图片?最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd先看效果分析查看antd的文档,使用optionLabelProp属性实现Select标签添加optionLabelProp属性,指定显示内容为label属性查看代码相关链接antd的se...原创 2020-04-08 23:56:22 · 3012 阅读 · 0 评论 -
react使用pdf和图片预览及遇到的一些坑
react中使用pdf和图片预览遇到的一些坑需求近期项目中新需求要用到pdf和图片的预览功能,由于项目时间较久,react用的是15.5.4版本,项目接口返回的数据是文件流。使用插件这里使用react-pdf插件和react-images插件因为react版本是15.5.4,所以不能使用最新版,这里使用的的是 react-pdf@3.0.6,这个是3版本的最后一个版本ract-ima...原创 2020-04-03 22:33:25 · 6592 阅读 · 0 评论