不怕麻烦的鹿丸的博客

一般情况下，如果是package.json文件中的依赖包出现漏洞，我们可以直接到最新版本或者指定版本即可。还有一种情况就是依赖包中的子依赖包甚至更深层级的包存在漏洞，这个时候改最外层包的版本并不能解决这个问题。

一般我们在写组件的时候，为了防止被其他组件内的样式冲突，习惯写一些局部样式，采用modules方案解决组件间的覆盖问题。但是如果html里有些class是需要根据条件判断来显示的话，在样式编译的时候，编译器会默认该样式不存在，从而直接把样式文件里写的class样式被忽略掉，最后编译出来的样式就会没有我们写的class样式，那这时候就需要使用解决。

有时候，在公司里一些项目开发前，后端接口没那么快给到前端时，前端可以先跟后端约定好各个接口的请求路径、请求参数以及返回数据格式，先整理出一份接口文档，这样前端可以通过mockjs参考接口文档，自己先模拟数据，写业务代码，等待后端准备好，再用后端真实的接口数据替换自己写模拟数据，实现前后端同时开发。

在react项目里使用 Ant Design Charts 的统计图组件时，在同一个页面，每次在其他隔离组件里修改useState里不属于统计图组件的数据时，都会导致统计图组件重新渲染，这时候可以使用useMemo来解决这个多次渲染的问题，缓存统计图的渲染，仅当 值发生改变才会重新渲染 。原来不加useMemo的话，每次点击一次 按钮触发changeDate都会导致Line组件重新渲染，现在加上useMemo之后，只有dayCountList变化的时候，才会重新渲染Line组件。

useEffectEffect Hook可以让你在函数组件中执行副作用操作，这里提到副作用，什么是副作用呢，就是除了状态相关的逻辑，比如网络请求，监听事件，查找domuseEffect类似于class组件中的生命周期函数，useEffect可以代替class组件中的三个生命周期，分别是：componentDidMount 组件渲染执行函数、componentDidUpdate 组件更新执行的函数、componentWillUnmount 组件销毁执行时函数const [c..

一、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

按照。

import React from 'react';import { Card } from "antd";export default function Panel(props) { return ( <Card bordered={false}>{props.children}</Card> )}return ( <Pane...