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

相关推荐

但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！——岸边露伴讲讲常用的el-date-picker属性例如我们禁用今天前的日期，以及不让选择当前时间之前的时间点 12345678910<el-date-picker v-model="date" type="datetime" @change="disableTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" :picker-options="{disabledDate:(v)=>v.getTime() < new Date().getTime() - 86400000}" ...

Vitest集成github action

精神上最好的避难所还是书本：它们既不会忘了你，也不会欺骗你。——罗曼·罗兰我们已经知道vitest是一个很好用的单元测试框架，我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...

uniapp无限树形结构

性格左右命运，气度影响格局。——余世雅博士插件地址：https://ext.dcloud.net.cn/plugin?id=5718 作者： luyj 介绍：无限极树形结构。支持搜索、面包屑导航、单项选择、多项选择。代码块 luyj-tree 内包含luyj-tree-search、luyj-tree-navigation、luyj-tree-item 说明本插件是基于xiaolu-tree进行了uni_modules模块化。并进行了一些修改。本人暂时只在微信小程序端和H5 使用Chrome浏览器测试。更改了一些内容，有可能会有一些错误或说明与实际不一致，介意者慎用。本人会适当的抽出业余时间，把它完善，毕竟有一定的下载量了，而且自己也需要学习，再次感谢原作者。暂时，使用自定义插件渲染有问题，会出现duplication is found under a single shadow root. The first one was accepted ，还未找到解决方案。安装方式本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导...

唯有在回敬污蔑和诽谤的时候，沉默才显得如此有力——艾迪生分享一个js库，能操作psd文件 https://github.com/meltingice/psd.js 代码例子： NodeJS Example12345678910111213var PSD = require('psd');var psd = PSD.fromFile("path/to/file.psd");psd.parse();console.log(psd.tree().export());console.log(psd.tree().childrenAtPath('A/B/C')[0].export());// You can also use promises syntax for opening and parsingPSD.open("path/to/file.psd").then(function (psd) { return psd.image.saveAsPng('./output.pn...

为爱情赌气，就丧心病狂了！——塞万提斯分享一个好玩的css属性： mix-blend-mode，MDN 该属性可以将元素和后面的背景进行混合什么叫混合呢？例如我看到的一个网站：红框框出来的部分，是鼠标移动上去的一个效果这个小圈，与后面的图片进行了反色，而且对于不少图片都有类似效果，我一开始以为是用了两张图片做的处理后来发现并不是，是用的这个css 1mix-blend-mode: exclusion; 其提供的不只是反色一个选项，还有很多的值，都可以使用

数组扁平化flat

还保持着较为清醒的头脑，就决然不能把人生之船长期停泊在某个温暖的港湾。——路遥《早晨从中午开始》在前端开发中可能会有这样的需求：将一个数组中的数组拆分出来放到原数组中那么我们就可以使用flat函数 1[1,[2,3,[4,5,6,[7,8,9]]]].flat() flat中可以传入参数为数字，表示你要拆分数组的层数如果全部拆分，可以使用flat(Infinity) 1[1,[2,3,[4,5,6,[7,8,9]]]].flat(Infinity) 如果是较为复杂点的对象，则就只能使用map先取出来，再使用flat 1[{ruben:[1]},{ruben:[2,3]}].map(({ruben})=>ruben).flat()

阿超

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

数据加载中