Open1
React(Next.js)で画像がリンク切れの時に代替画像を表示する
![おとの](https://res.cloudinary.com/zenn/image/fetch/s--MGA6-36n--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/6f0a44f33d.jpeg)
<img
src={画像のパス}
alt={画像の代替テキスト}
onError={e => {
// src属性に指定した画像のURLが404エラー等で取得できない場合、no photo用の画像を表示させる
e.target.onError = null; // 下記画像が取得できない場合の無限ループを防ぐため、nullを代入
e.target.src = '/images/common/nophoto.png';
}}
/>