遇到的问题
项目中遇到的问题及解决办法
yee只鸟儿.
这个作者很懒,什么都没留下…
展开
-
react 预览图片 @hanyk/rc-viewer
1.安装包npm i @hanyk/rc-viewer2.引入import RcViewer from "@hanyk/rc-viewer";3.使用 let options = { navbar: false, //关闭缩略图 fullscreen: false, //播放全屏 loop: false, //是否循环 上一个 下一个 toolbar: {原创 2021-08-16 15:26:47 · 908 阅读 · 7 评论 -
6位交易密码框
import React, { Component } from 'react'import { Form, Input } from 'antd';export default class Passwordbeifen extends Component { constructor(props) { super(props) this.password1 = React.createRef() this.password2 = React.cr原创 2021-07-07 20:35:41 · 320 阅读 · 0 评论 -
生成唯一标识 uuid nanoid
注:uuid与nanoid均可以生成唯一标识,但uuid较大,我们用nanoid步骤:1.安装npm i nanoid //uuid为npm i uuid 2.引入import {nanoid} from 'nanoid' //nanoid为函数3.使用nanoid()原创 2021-04-11 20:36:33 · 504 阅读 · 0 评论 -
深拷贝浅拷贝
1.JSON.parse JSON.Stringfy 深拷贝缺点:它会抛弃对象的constructor,深拷贝之后,不管这个对象原来的构造函数是什么,在深拷贝之后都会变成Object;这种方法能正确处理的对象只有 Number, String, Boolean, Array, 扁平对象,也就是说,只有可以转成JSON格式的对象才可以这样用,像function没办法转成JSON; let arr = [{a:1,b:1},{a:2,b:2}] let arr3 = JSON.parse(JSON.s原创 2021-05-28 10:55:14 · 85 阅读 · 0 评论 -
页面刷新样式丢失问题
有些公共样式文件放在publish文件夹下,在index.html中引入样式文件,有时页面刷新样式丢失。解决办法:1.<link type="text/css" rel="styleSheet" href="/reset.css" /> //href路径不要写相对路径,类似于‘./reset.css’2.<link type="text/css" rel="styleSheet" href="%PUBLIC_URL%/reset.css" /> //加%PUBLIC_原创 2021-04-14 09:25:26 · 1383 阅读 · 0 评论 -
react 前端导出excel表格
1.下载安装npm install js-export-excel2.引入import ExportJsonExcel from "js-export-excel";3.根据后端数据导出excel,后端数据如:4.导出函数 handleExportCurrentExcel = (ExcelData) => { //ExcelData为后端返回的data数组 let sheetFilter = ["ticketNo", "ticketAmount", "tic原创 2021-02-22 10:25:44 · 2278 阅读 · 4 评论 -
前端密码加密
1.安装npm install crypto-js --save2.引入import CryptoJS from "crypto-js";3.使用//后端接口返回AES_IV,AES_KEY handleGetAesApi = () => { getAesApi() .then((res) => { this.setState({ stateIv: res.data.原创 2021-05-26 15:26:49 · 293 阅读 · 0 评论 -
react 复制文本信息
1.安装npm i react-copy-to-clipboard2.引入import { CopyToClipboard } from 'react-copy-to-clipboard';3.使用handleCopy = () =>{ message.success('复制成功!') } const text = `收款账户名称:【${repaymentMsg.accountName}】\n收款账户号码:【${repaymentMsg.accountN原创 2021-05-26 15:19:14 · 267 阅读 · 0 评论 -
window.open()预览pdf文件
1.另一个窗口预览pdfvar pdfResult = res.data //base64 不带data:application/pdf;base64前缀let pdfWindow = window.open("")pdfWindow.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, " + pdfResult + "'></iframe>")2.下载p原创 2021-05-26 15:12:43 · 6272 阅读 · 2 评论 -
判断时间是否是moment类型
获取的时间值._isAMomentObject // true-是原创 2021-05-13 10:36:55 · 2193 阅读 · 0 评论 -
前端下载流,及base64,导出excel
1.下载流 downLoadFile = (option) => { let params = { originalFileName: option.file.originalFileName, relativePath: option.file.relativePath, newFileName: option.file.newFileName }; unCrudeHttp(原创 2021-03-02 14:34:00 · 868 阅读 · 0 评论