반응형
React 에서 이미지가 출력 되지 않을 경우 아래와 같이 Error 구문에 특정 이미지를 기본적으로 Defualt 할 수 있다.
<img src={`http://farm${item.farm}.staticflickr.com/${item.server}/buddyicons/${item.owner}.jpg`} alt={item.owner}
onError={(e) => e.target.setAttribute('src', '이미지 명')}/>
'IT > React' 카테고리의 다른 글
| [React] memoization 정리 (0) | 2023.07.10 |
|---|---|
| [React] FramerMotion 정리 (0) | 2023.07.10 |
| [React] useHistory 정리 (0) | 2023.07.06 |
| [React] onChange 속성 (0) | 2023.07.06 |
| [React] local Storage (0) | 2023.07.05 |