react生命周期弃用

发表于2023-09-26|更新于2026-02-24

|浏览量:

强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子

在运行apache-shenyu发现很多警告

大致说是生命周期弃用了，并且提供了一个指南链接

https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html

指南中大致提到了几点，以及相关的例子

https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples

例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景

我也针对新建了一个issue，去处理优化掉这些弃用的生命周期

https://github.com/apache/shenyu-dashboard/issues/341

相关推荐

写作不是为了改变世界，是为了安顿自己。——周国平前端开发中如果需要在数组头部插入元素可以使用unshift函数 123let list = [1,2,3]list.unshift(0)list

青春是一种持续的陶醉，是理智的狂热。——拉罗什富科作为vue的动画框架 https://github.com/Bug-Duck/vuemotion 目前属于非常崭新的项目，但是其积累是源自于newcar，因此备受期待 VueMotion 是一个现代动画引擎，就像 Python 的 Manim for Vuejs 生态系统一样，它提供了大量的小部件来帮助用户快速制作动画和视频。并且它具有很高的可扩展性，这意味着您可以轻松创建自己的动画风格。 VueMotion 的前身是 Newcar 动画引擎，但后来因为一些特殊原因停止了开发。如果你是 Newcar 的老用户，欢迎你迁移到 VueMotion。其团队也是非常之年轻，还在读高中就已经开始做开源 Roadmap Basic Widget Arc Group Line Polygon Rect Text Image Mask Webview Polyline Animations move rotate scale create destroy stroke...

el-input-number阻止外层button的冒泡

取法于上，仅得为中；取法于中，故为其下。一一李世民《帝范》我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下我们发现点击右边上下去增加减少中间个数的时候，也执行了我们上边按钮绑定的randomChoose 函数但我们想要加上阻止冒泡却加不上这里其实。。需要在外层再加上一个span或者div标签，再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...

threejs+vite+ts实现官网基础部分

一个温柔的目光，一句由衷的话语，能使人忍受生活给他的许多磨难。——高尔基官方文档：three.js manual 源代码从这里改进： GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改，首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...

uniapp打电话

人不可能阻止指甲生长….同样的，人也不能压抑自己与生俱来的冲动！——吉良吉影代码如下 123uni.makePhoneCall({ phoneNumber: '114' //仅为示例}); 同样拥有成功、失败和完成的回调 123456uni.makePhoneCall({ phoneNumber: '114' //仅为示例 ,success:res=>{ console.log(res); } ,fail:res=>{ console.log(res); } ,complete:res=>{ console.log(res); }});

统治别人，一定要为别人谋幸福。——莫泊桑分享一个在export以及 import使用的 as关键字 https://es6.ruanyifeng.com/#docs/module#export-%E5%91%BD%E4%BB%A4 https://es6.ruanyifeng.com/#docs/module#import-%E5%91%BD%E4%BB%A4 这里就不多多赘述简单使用，介绍一个特别的场景：例如这里有一个js文件 123export function myFunc()export function yourFunc() 针对这个js文件export的两个方法，由于没有export default 因此不能使用 1import MyJs from 'my.js' 而是只能使用 1import { myFunc, yourFunc } from 'my.js' 但是通过as关键字，则可以 1import * as MyJs from 'my.js' 然后就可以使用Myjs....

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中