![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 54
不怕麻烦的鹿丸
我啊,只想安稳地做个忍者,安稳地生活,和一个不美也不丑的女人安稳地结婚,安稳地生两个小孩,第一个是女孩,之后是男孩。等女儿结了婚,儿子独立后便退休,之后闲时和朋友下下象棋或围棋,过着悠哉悠哉的隐居生活,然后先太太一步离开这个世界,能有这种人生就好了。
展开
-
Vue和React的样式穿透 —— 深度选择器
一般我们在写组件的时候,为了防止被其他组件内的样式冲突,习惯写一些局部样式,采用modules方案解决组件间的覆盖问题。但是如果html里有些class是需要根据条件判断来显示的话,在样式编译的时候,编译器会默认该样式不存在,从而直接把样式文件里写的class样式被忽略掉,最后编译出来的样式就会没有我们写的class样式,那这时候就需要使用解决。原创 2020-03-20 17:24:12 · 2706 阅读 · 1 评论 -
在 vue 或 react 项目中使用 mockjs 搭建 mock server
有时候,在公司里一些项目开发前,后端接口没那么快给到前端时,前端可以先跟后端约定好各个接口的请求路径、请求参数以及返回数据格式,先整理出一份接口文档,这样前端可以通过mockjs参考接口文档,自己先模拟数据,写业务代码,等待后端准备好,再用后端真实的接口数据替换自己写模拟数据,实现前后端同时开发。原创 2023-02-23 15:11:27 · 4539 阅读 · 0 评论 -
关于react里使用Ant Design Charts统计图组件的多次渲染bug的解决方法
在react项目里使用 Ant Design Charts 的统计图组件时,在同一个页面,每次在其他隔离组件里修改useState里不属于统计图组件的数据时,都会导致统计图组件重新渲染,这时候可以使用useMemo来解决这个多次渲染的问题,缓存统计图的渲染,仅当 值发生改变才会重新渲染 。原来不加useMemo的话,每次点击一次 按钮触发changeDate都会导致Line组件重新渲染,现在加上useMemo之后,只有dayCountList变化的时候,才会重新渲染Line组件。原创 2022-06-01 11:06:26 · 2304 阅读 · 1 评论 -
react里useEffect、useMemo的区别
useEffectEffect Hook可以让你在函数组件中执行副作用操作,这里提到副作用,什么是副作用呢,就是除了状态相关的逻辑,比如网络请求,监听事件,查找domuseEffect类似于class组件中的生命周期函数,useEffect可以代替class组件中的三个生命周期,分别是:componentDidMount 组件渲染执行函数、componentDidUpdate 组件更新执行的函数、componentWillUnmount 组件销毁执行时函数const [c..原创 2022-05-27 14:52:28 · 2223 阅读 · 0 评论 -
react-router 4.x 和 5.x 获取当前的路由地址的区别
一、react-router 4.x先使用withRouter对组件进行装饰然后就可以使用this.props.location.pathname获取到了使用@withRouter语法不支持的话使用export default withRouter(App)import React from 'react';import { withRouter } from 'react-router-dom';@withRouterexport default class App extends原创 2022-05-17 15:37:09 · 752 阅读 · 0 评论 -
REACT实战项目从0到1搭建(仅供参考)
按照。原创 2021-12-06 14:59:48 · 24208 阅读 · 2 评论 -
REACT —— 包含其他组件的容器写法
import React from 'react';import { Card } from "antd";export default function Panel(props) { return ( <Card bordered={false}>{props.children}</Card> )}return ( <Pane...原创 2019-11-01 11:21:19 · 717 阅读 · 0 评论