ReactJS) IPFS img, image render, 읽기

 

 

데이터 예시

 

해결

 

  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으로