![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 67
讷言丶
不患人之不己知,患其不能
展开
-
react 按需导入 Echarts 图表
一、安装EchartsEcharts官网:https://echarts.apache.org/handbook/zh/basics/download/npm install echarts --save 或 yarn add echarts二、基本示例在Echarts示例位置找到自己项目需要的图例,地址:https://echarts.apache.org/examples/zh/index.html#chart-type-scatter该示例是基本示例,可以通过Echats的 配置项手册进行图原创 2022-04-13 10:34:39 · 2428 阅读 · 0 评论 -
React +Vite +yarn 本地跨域处理
常见的react跨域方法react的跨域,网上找了好多的方法,基本都如下所见,大差不差1、下载 http-proxy-middleware2、npm i http-proxy-middleware3、在src目录下新建一个setupProxy.js文件写入以下代码const proxy = require('http-proxy-middleware')module.exports = function(app) { app.use(proxy('/api', { target: 'htt原创 2022-03-07 11:27:47 · 2521 阅读 · 4 评论 -
react 编程式导航和声明式导航
其中Link组件的导航方式和HMTL中的a标签类似,在react将虚拟DOM渲染成真实DOM后,Link组件也被渲染成了a标签。这个属性的唯一缺点就是使用时需要在已注册的路由组件中使用,如果该组件不是路由组件,则props对象中将不会有需要使用的路由参数(如果父组件没有给子组件传参,props会是一个空对象)。:该方法使用push进去的路由需要是已经在Route组件中注册的路由,如果路由未注册,则无法跳转。在类式组件中使用props时的事件方法,需要写成箭头函数,避免造成this指向不正确的问题。原创 2021-11-23 10:12:28 · 3008 阅读 · 0 评论 -
react + sass 模板【开箱即用】
react + sass 模板前言:在框架中使用sass可以提高前端编写代码的效率,目前市场中常用且热门的框架:Vue和react,之前已经把vue2和vue3使用sass的方法做了介绍,这里主要说的是在react中使用sass。相对于vue来说,react中对sass,less都做好了相关调整,因此使用起来更为简单。主要分为以下两个步骤:一、下载安装 node-sass安装node-sass时需要指定版本号,不然容易出现版本不兼容的报错信息我这里使用的react版本为17.0.2,使用的node原创 2021-11-15 12:10:05 · 994 阅读 · 0 评论 -
React生命周期钩子函数详解
React生命周期钩子函数声明:资料来自尚硅谷张天禹讲师,做了总结,仅供学习参考图解【旧】/* 1. 初始化阶段: 由ReactDOM.render()触发---初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() =====> 常用 一般在这个钩子中做一些初始化的事,例如:开启定原创 2021-08-23 18:06:27 · 799 阅读 · 0 评论