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

代码很简单，也很管用

相关推荐

vue强制更新

人生是花，而爱便是花的蜜。——雨果我们可以使用： 1this.$forceUpdate(); 去强制重新渲染vue的页面元素一般用于异步请求回调后赋值完毕，但页面未渲染的情况下官方文档介绍如下：示例：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

越年轻，就越不能跟丑事妥协——纪德分享个前端的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....

css循环淡入淡出播放（二）

让自己忙一点，忙到没有时间去思考无关紧要的事，很多事就这样悄悄地淡忘了。时间不一定能证明很多东西，但是一定能看透很多东西。坚信自己的选择，不动摇，使劲跑，明天会更好。——静好之前在docusaurus实现了css的循环淡入淡出播放，发现效果有一点局限，遂还是用js结合css实现了，目前代码为： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import React, {useEffect, useState} from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";l...

礼仪周全能宁人息事——茹贝尔 gridsome是一个基于 Vue.js 构建的 Jamstack 框架官方文档：https://www.gridsome.cn/ 这个可以帮助我们快速建造一个网站，其特点是graphql，不需要服务端，开发快、性能好，前端人员大爱不过吐槽一下，点击中文文档竟然是英文的。。。借助翻译插件还是能勉强看懂，哈哈这个翻译插件是沙拉查词

时穷节乃见,一一垂丹青。一一文天祥 https://capjs.js.org/ GitHub - tiagorangel1/cap: Cap is a lightweight, modern open-source CAPTCHA alternative using SHA-256 proof-of-work Cap：让互联网更安全的下一代轻量开源 CAPTCHA在数字时代，恶意机器人（bot）的攻击愈演愈烈，传统的 CAPTCHA（验证码）方案却不断被诟病：要么难用、臃肿，要么侵犯隐私、依赖巨头。有没有更现代、更轻量、更注重隐私和易用性的解决方案？今天为大家介绍一款令人眼前一亮的项目——Cap：一个基于 SHA-256 工作量证明（proof-of-work）、极致轻量且完全开源的全新 CAPTCHA 替代品。 Cap 是什么？Cap 由 tiagorangel1 开发，是一款现代化、轻量级的开源 CAPTCHA 替代方案，采用 SHA-256 工作量证明机制，主打快速、私密且极易集成。Cap 具备以下核心特性：极致轻量：主前端库 @cap.js/widget...

如何写一个 react 组件

天下之事不难于立法，而难于法之必行。一一明·张居正 https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/how-to-write-a-react-component.md 如何写一个 react 组件 author: yiminghe@gmail.com 建立组件 git 库 https://github.com/react-component 搭建脚手架使用 https://github.com/react-component/generator-rc 搭建脚手架目录结构12345678910- .travis.yml- examples - index.js - index.html- src - Component.jsx- index.js- tests - index.spec.js- package.json 源码在 src 目录中写 es2015 js，在 assets 目录下写 less，在 tests 目录下写测试用例，代码...

阿超

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

数据加载中