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

相关推荐

越年轻，就越不能跟丑事妥协——纪德分享个前端的JSON.stringify以及parse小技巧 MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值，则可以传入第二个参数，可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则，则可以传入一个函数类型，第一次调用时value为我们的数据对象，属于由外向内调用 1234567891011121314let times = 0;const json = JSON....

没有意义的事物是最美丽的。——《新名字的故事》昨天分享了vuera 今天再分享一个同类型库veaury，属于是vuera的新版库中文文档：https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks，获取到vue组件或者应用的上下文数据，比如vue-router、vuex，也可以在vue组件中使用react的hooks，获取到react组件或者应用的上下文数据，比如react-router、provide、context等

typescript-exercises（五）

一次冒险，胜过一千个安逸的日子。——保罗·科埃略《韦罗妮卡决定去死》题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108/*Intro: Time to filter the data! In order to be flexible we filter users using a number of criteria and return only those matching all of the criteria. We don't need Admins yet, we only filter Users.Exercise: Without du...

曾因酒醉鞭名马，生怕情多累美人。——郁达夫官方网址：https://www.pnpm.cn/ 我们在使用npm下载前端所需依赖时，会反复下载、重复下载，如果有一款工具，能够缓存起来我们的下载，那就是pnpm了快速pnpm 是同类工具速度的将近 2 倍高效node_modules 中的所有文件均链接自单一存储位置支持单体仓库pnpm 内置了对单个源码仓库中包含多个软件包的支持权限严格pnpm 创建的 node_modules 默认并非扁平结构，因此代码无法对任意软件包进行访问安装很简单，就像普通安装一个模块一样即可： 12npm i -g pnpmpnpm -v 使用yarn 12yarn global add pnpmpnpm -v

css透视效果位置perspective-origin

真理是时间的孩子，不是权威的孩子。——伽利略正如我们在前一篇文章中提到的，CSS具备处理3D变换的能力。继续这一话题，本文将重点介绍perspective-origin属性，这个属性允许我们调整透视效果的原点，影响3D变换的视觉输出。详细信息可以参考这个链接：MDN文档让我们通过一个例子来看看perspective-origin的实际效果： .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...

学习uni-app官方教程

生命是一条奔流不息的河，我们都是那个过河的人。——席慕蓉官网我们直接实战创建两个项目从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...

阿超

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

数据加载中