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} />

代码很简单，也很管用

相关推荐

善人同处，则日闻嘉讯；恶人同游，则日生邪情。——范晔分享一个按钮样式项目： https://github.com/alexwolfe/Buttons 对应的网站： https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果包括3d等等

懒惰——它是一种对待劳动态度的特殊作风。它以难以卷入工作而易于离开工作为其特点。 —— 杰普莉茨卡娅有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换父页面使用window.open即可，关于它的参数，为以下四个： URL：需要打开的页面URL 1window.open("https://VampireAchao.github.io/") name：打开页面的方式或名称 12345678// 新窗口打开，默认window.open("https://VampireAchao.github.io/","_blank")// 父窗口打开，ifame中使用window.open("https://VampireAchao.github.io/","_parent")// 当前窗口中打开window.open("https://VampireAchao.github.io/","_self")// 顶层窗口...

志士惜年，贤人惜日，圣人惜时。——魏源 AionUi：一款真正“本地优先”的多代理 Cowork 桌面应用AionUi 是一款免费的本地开源桌面应用，用来给你的编码代理和指令工具提供一个轻量但专业的工作空间。它的定位非常明确：Cowork for Gemini CLI、Claude Code、Codex、Opencode、Qwen Code、Goose CLI、Auggie 等等。简单理解，就是把这些分散的代理能力“装进一个统一的生产环境”，在日常工程节奏里更稳定地协作与交付。项目主页：aionui.com 源码仓库：iOfficeAI/AionUi 技术栈：TypeScript、Electron、React、i18next、better‑sqlite3 等 AionUi 不是“又一个 WebUI”，它强调的是“本地优先”和“工程化”：自带跨平台打包流程、主进程级别的持久化数据库、成熟的国际化与主题系统，以及围绕 UI/UX 设计的辅助知识库。下面从几个关键模块拆开聊聊它的味道与做工。跨平台构建：Electron Forge + electron...

requestFullscreen

每一次克制自己，就意味着比以前更强大。——高尔基 https://developer.mozilla.org/zh-CN/docs/Web/API/Element/requestFullscreen Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。比如我们全屏幕整个页面： 1document.documentElement.requestFullscreen(); 又或者我们为其封装一个切换全屏的函数 1234567function toggleFullScreen() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen(); } else if (document.exitFullscreen) { document.exitFullscreen(); }} 甚至仅仅只是全屏某一元素，比如这里全屏一个video 1234567891011...

人有欲望，就有了很多无用的东西，车子，钓鱼竿，篮球……乔想着这些买来只用过一两次的东西，开始认为极简生活，没什么不好。——灵遁者《结束》今天又发现一个uniapp的UI库：COOL-UI 官方文档：https://uni-docs.cool-js.com/ 而且这个还包含了后端：https://cool-js.com/ 组件选择当然是越多越好啦~

js获取元素相对于document的坐标

孤独没有什么不好。使孤独变得不好，是因为你害怕孤独。——《孤独六讲》代码如下： 12345const getOffset = el => { const { left, top } = el.getBoundingClientRect() const { scrollTop, scrollLeft } = document.body return { top: top + scrollTop, left: left + scrollLeft }} 使用： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...

阿超

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

数据加载中