반응형
Solution
const [img, setImg] = useState('')
useEffect(()=>{
if(data.image){
setImg(data.image)
} else{
setImg("/no_image.png")
}
},[])
const onError = () =>{
setImg("/no_image.png")
}
<Image alt="babam-logo" className=' ' layout='fill' src={img} onError={onError} width={196} height={196} />
반응형
'Frontend > React & React.Native &Next.js' 카테고리의 다른 글
NextJS) 텍스트 복사기능 (0) | 2022.12.09 |
---|---|
ReactJS) 데이터 없는 경우 고려해서, 일정 수량의 컴포넌트 보여주기, 컴포넌트 arr에 쌓을 수 있음 (0) | 2022.12.06 |
NextJS) Pages, Static Pre Rendering, Router, _app (0) | 2022.11.07 |
React)useEffect 첫 실행 막기 (0) | 2022.11.02 |
React)`"` can be escaped with `"`, `“`, `"`, `”`. react/no-unescaped-entities react/no-unescaped-entities 에러 (0) | 2022.10.20 |