react中配置图片容错

发表于2022-09-15|更新于2026-02-24

|浏览量:

爱情是友谊的精华，书信是爱情的妙药——豪厄尔

之前写了:vue中img错误默认图片以及img图片丢失后默认图

今天写个react版本的：

1	<img src={xxxx} onError={(e) => e.target.src = '/img/oss/2020-06-01/head.jpg'} alt={value.alt} />

代码很简单，也很管用

相关推荐

jq获取实时宽度

乐观使你倾向于幸福健康事业顺利，悲观使你倾向于绝望患病失败忧郁孤独懦怯——民谚代码如下 12345$(window).resize(() => { var height = $(window).height(); var width = $(window).width(); console.log(height+" "+width)}); 然后当我窗口大小发生变化时就会触发

调试js事件小技巧

万人都要将火熄灭，我一人独将此火高高举起。——海子分享一个js调试事件小技巧 123456789<!DOCTYPE html><html><head> <title>Event Monitor Trigger</title></head><body> <button id="myButton">Click Me</button></body></html> 这里一个按钮，啥都没有我们运行一下，给它在chrome console里添加事监听 12// 先用选中元素光标选一下按钮，这样$0就会指向按钮monitorEvents($0) 这时候我们触发其任何事件都会有输出针对某一事件的话就传入该事件 1monitorEvents($0, ["click"])

Apache-ShenYu动态扩缩容前端对接

能够隐藏自己的才能是一种很大的才能。——罗休夫柯 pr链接： https://github.com/apache/shenyu-dashboard/pull/489 see gif: 后端也包含了一个提交sql和优化代码的pr： [type:improve] Add dynamically scale admin page by VampireAchao · Pull Request #5706 · apache/shenyu · GitHub 菜单的： 12345INSERT INTO `resource` VALUES ('1844015648095666176', '1346776175553376256', 'SHENYU.MENU.SYSTEM.MANAGMENT.SCALE', '', '/system/scale', '', 1, 4, 'sliders', 0, 0, '', 1, ...

颜色拾取器

志向是天才的幼苗，经过热爱劳动的双手培育，在肥田沃土里将成长为粗壮的大树。——苏霍姆林斯基官网：https://www.eyecon.ro/colorpicker/ 效果：代码： 1234567891011121314151617181920212223242526272829303132<head> <link media="screen" rel="stylesheet" href="admin/plugins/colorpicker/css/colorpicker.css" type="text/css"/></head><body><div> <div id="tag-color-picker"> <input type="text" id="tag-color-input')"/> </div...

置顶小标签

美色不同面，皆佳于目；悲音不共声，皆快于耳。——王充原理是通过一个红色div加红色背景颜色，旋转45后度再整个边框设置超出部分隐藏效果如下：代码： 12345<div class="top-article-tag-parent"> <div class="top-article-tag"> 置顶 </div></div> 样式： 123456789101112131415161718.top-article-tag-parent { overflow: hidden; position: absolute; right: 46rpx; height: 80rpx; width: 100rpx; zoom: 0.8;}.top-article-tag { color: #fff; background-color: #ff0000; width: 150rpx; height: 40rpx; text-align: cente...

瞒人之事弗为，害人之心弗存。——王豫分享一个自动化和增强工作流程的工具包 GitHub - gulpjs/gulp: A toolkit to automate & enhance your workflow https://gulpjs.com/ 可以可帮助您在开发工作流程中自动执行痛苦或耗时的任务

阿超

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

数据加载中