重点是 img标签的 onError事件
import React, { useState } from 'react';
const defaultImg = require('@/assert/img/default.svg');
export default function DefaultImg({url, classname}) {
const [ src, setSrc ] = useState(url)
return (
<img
className = {classname}
src={src}
onError={() => setSrc(defaultImg)}
/>
)
}