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

代码很简单，也很管用

相关推荐

awesome-phonenumber

天下之事不难于立法，而难于法之必行。一一明·张居正让电话号处理变得“Awesome”！深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中，处理和验证电话号码是常见但却容易“踩坑”的细节：格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼？现在，有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber！什么是 @grantila/awesome-phonenumber？它是一个基于 Google libphonenumber 的预编译版本，专为 Node.js 和前端环境设计，拥有更简洁的接口、极小的体积、无依赖，并且支持 TypeScript。简而言之，它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库！主要特色超小体积，无依赖：极大节省你的项目空间，运行速度快，加载迅速。 API简洁易用：新版 API 更加清晰，无需复杂构造或函数调用，错误处理也更友好（不抛异常）。 TypeScript ...

mac鱼眼效果

人不能象走兽那样活着，应该追求知识和美德。——但丁上代码，上效果： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style ...

我当然不会试图摘月，我要月亮奔我而来。——奥黛丽赫本 https://github.com/mozilla/readability 最近发现了一款由 Mozilla 开发的开源工具 Readability.js，这是一个专注于网页内容提取的库，它能够快速解析网页中的正文内容，过滤掉广告、导航栏等干扰信息。Firefox 的“阅读模式”正是基于 Readability.js 实现的。这款工具对于需要优化网页阅读体验、自动提取文章内容的开发者来说非常实用。什么是 Readability.jsReadability.js 是 Mozilla 为了提升用户网页阅读体验而开发的一个工具，能够将网页上的主要内容提取出来并生成清爽的 HTML 片段。它非常适合集成到浏览器扩展、阅读器应用、内容聚合平台等项目中。安装和使用1. 安装在 Node.js 环境中可以通过 npm 直接安装： 1npm install @mozilla/readability 2. 基本使用要使用 Readability.js 提取网页内容，只需传入一个 DOM 文档对象并调用 parse() 方法： 1...

做一个世界的水手，游遍每一个港口。——惠特曼分享一个跨端框架uni-app-x uni-app x 是什么？ | uni-app-x uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎。 uni-app x 没有使用js和webview，它基于 uts 语言。在App端，uts在iOS编译为swift、在Android编译为kotlin，完全达到了原生应用的功能、性能。可以下载打包后的hello uni-app x的apk来体验。（通过显示界面元素边界可知界面都是原生UI，解包后也不会看到js引擎，里面的html文件是示例中演示web-view组件所用）这是demo源码：DCloud / hello uni-app x · GitCode 开发者在 uni-app x 中，不能编写js，因为 uni-app x 中不自带js引擎。需使用uts，实现跨端的同时保证最佳性能。 uts 全称 uni type script，是一门跨平台的、高性能的、强类型的现代编程语言。它在不同平台，会被编译为不同平台的native语言，如： web&#x...

hexo主题集成pug

你问人问题，她若答非所问，便已是答了，无需再问。——木心文档：https://hexo.io/zh-cn/docs/themes 先创建hexo项目 1hexo init simple-hexo 然后到themes新建一个主题文件夹 12cd .\simple-hexo\themes\mkdir simple-theme 修改外部_config.yml的theme 1theme: simple-theme 外部执行一下hexo s启动项目试试打开localhost:4000 因为我们什么都没写，所以是白屏新建一个layout目录，下面放一个index.pug 1.container Hello World 发现我们的pug代码并未渲染这是因为我们没有安装pug插件导致的到主目录执行 1cnpm i hexo-renderer-pug pug元素成功渲染好了，接下来你可以编写你自己的主题啦！

之前写了一篇javascript防抖是应用在按钮中的今天继续完善一下,下面的函数ruben就算循环10亿次，一秒内也会只调用一次 123456789101112131415var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao&qu...

阿超

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

数据加载中