![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
React记录
ldz_miantiao
每天住在B站的切图仔
展开
-
react hooks 写防抖函数(debounce)
import { useEffect, useState } from 'react';// 防抖 hooksfunction useDebounce(value:any, delay = 300) { const [debouncedValue, setDebouncedValue] = useState(value); useEffect(() => { const handler = window.setTimeout(() => { setDeboun原创 2020-10-21 19:52:28 · 2168 阅读 · 1 评论 -
React 大数据可视化(大屏展示)解决方案
一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部样式、图表自由替换/复用等功能。项目地址: react-big-screen(点击这里),去码云给个三连吧,求求大家惹(老B站了)一、项目描述Vue 版本请点击这里查看,全新界面也很不错的(o ゚ v ゚)ノ!!!一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部.原创 2020-09-29 21:14:26 · 11849 阅读 · 8 评论 -
react借助react-transiton-group实现类似vue transition复杂动画
借助react-transiton-group可以实现类似vue动画钩子的效果安装:yarn add react-transition-group引入组件和外部的lessimport React, { Fragment } from 'react'import { Button } from 'antd'import { CSSTransition,TransitionGroup } from 'react-transition-group'import './xx.less'编写内容代.原创 2020-08-01 16:28:15 · 731 阅读 · 0 评论 -
配置react支持less,babel-plugin-import按需加载antd
原文:https://blog.csdn.net/lvanboy/article/details/88200433安装基础插件:react-router,axios,less-loader ,AntD(UI框架,基于react封装),暴露webpack配置,修改less-loader。Create-react-app脚手架创建的项目默认是不支持less语法,但AntD UI 框架是基于Less编写的,为了定制主题,修改less源码文件,让这个框架能够正常使用,需要暴露webpack,修改webpa.转载 2020-06-20 20:04:14 · 875 阅读 · 0 评论 -
引入Ant框架报错findDOMNode is deprecated in StrictMode.
这是由于React脚手架创建的是严格模式,在index.js里(有的在app.js)<React.StrictMode> <App /></React.StrictMode>,我们需要把外层的标签改成<React.Fragment> <App /></React.Fragment>,这样就去除了严格模式,虽然为了框架去除了严格模式不太好,但是没办法等阿里UI团队更新能够跟上代码的更新速度吧。...原创 2020-06-20 19:53:11 · 2929 阅读 · 0 评论 -
react使用ref控制DOM元素(非受控组件)
总有一些场景我们需要直接操作dom元素,react有类似vue的refs的写法。import React, { Component, Fragment } from "react";class Input extends Component { constructor(props) { super(props); // *现在的写法 2020-6 this.hellowInput = React.createRef(); } componentDidMount.原创 2020-06-17 21:53:12 · 453 阅读 · 0 评论