react
zywpurple
这个作者很懒,什么都没留下…
展开
-
读数,可设置时间,间隔位数,分隔符
import React, { memo, useCallback, useEffect, useState, useRef, useMemo } from 'react';const minTime = 20; // 定时器最小执行时间// 使用方法{/* <CountUp end={423423} separator=',' splitNum={3}/> */}// start:执行开始数字// end: 执行结束数字// separator: 分隔原创 2021-05-25 10:48:45 · 207 阅读 · 0 评论 -
react 使用 postcss-px-to-viewport
自动将px转化为vw1、安装依赖npm install postcss-loader --savenpm install postcss-px-to-viewport --save2、修改webpack.config.js配置文件假如这段代码require('postcss-px-to-viewport')({ viewportWidth: 1920, // (Number) The width of the viewport. viewportHeight: 1080, // (Nu原创 2020-10-16 11:06:10 · 3426 阅读 · 1 评论 -
图片裁剪上传 react
图片裁剪上传 react这个裁剪功能是我从网上下载的裁剪插件,但是功能不完全,我自己补充成比较好用的一款。 代码下载地址:https://github.com/yawenzou/crop-image用法安装crop插件 npm install –save react-cropper将这整个文件夹引入项目 使用方法&lt;CropBlock num...原创 2018-06-25 14:58:25 · 2104 阅读 · 1 评论 -
react-router4.0 访问其他页面未登录时跳到登录页
没有登录直接访问页面跳转到登录页,官网的例子很详细了,参照官网做以下调整: 先把Route封装一下,判断一下用户是否登录,如果登录则正常router跳转,如果未登录则跳转登录页。代码: privateRoute.jsximport React, {Component} from 'react';import {Route, withRouter} from 'react-router-d...原创 2018-07-26 16:34:45 · 10607 阅读 · 1 评论 -
react axios和ajax网络请求拦截(session过期跳转登录页)
网络请求拦截经常也可用到,比如在所有接口消息请求头部加上验证信息token之类的,或者接口报某类错误时统一处理。这里主要用在请求接口时,判断session是否过期,统一返回状态码区分,如果过期了跳转登录页重新登录拦截axios部分 重新封装axios请求//axios拦截器import axios from 'axios';axios.defaults.timeout = 10...原创 2018-07-26 17:25:08 · 9515 阅读 · 1 评论