Published 2023. 1. 27. 20:52
반응형
데이터 예시
해결
data.image.includes("https://ipfs.io/ipfs/") ?
<div >
<img alt="babam-logo" className='h-[12.5rem]' src={`https://gateway.pinata.cloud/ipfs/${data.image.split("https://ipfs.io/ipfs/")[1]}`} onError={onError} />
</div>
참고
#8. IPFS(InterPlanetary File System)이해하기 1부 : HTTP Web을 넘어서, IPFS Web으로
1 | 인터넷(Internet)과 웹(Web)
medium.com
반응형
'Frontend > React & React.Native &Next.js' 카테고리의 다른 글
| ReactJS) 글쓰기-유저가 여러번 클릭 막기/ router.query가 null 인 경우/ +id.toString() 하는 이유/데이터 베이스 날짜, 시간 렌더링 (0) | 2023.02.22 |
|---|---|
| NextJS)페이지(router)가 변할때 이벤트 주기 (0) | 2023.02.13 |
| 필터기능 설계 (0) | 2022.12.30 |
| NextJS) 뒤로가기 버튼, router.back, back (0) | 2022.12.22 |
| NextJS) 텍스트 복사기능 (0) | 2022.12.09 |