React 图片加载失败调用onError显示默认图

// 只调用一次onError 防止默认图加载不出来导致死循环
import React, { useState } from 'react'
const Image = props => {
	const [isError, setIsError] = useState(true)
	const defaultImg = 'https://th.wallhaven.cc/lg/2e/2em38y.jpg'
	const imgerrorfun = (event) => {
		if (isError) {
			setIsError(false);
			event.target.src = defaultImg;
		}
	}
	return <img onError={imgerrorfun} alt="" {...props} />
}
const Father = () => {
	const url1 = 'https://th.wallhaven.cc/lg/5w/5we787.jpg';
	const url2 = 'https://th.wallhaven.cc/lg/dg/dgrgql.jpg';
	return (
		<React.Fragment>
			<Image src={url1} />
			<Image src={url2} />
		</React.Fragment>
	)
}

export default Father;