エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React(Next.js)で画像がリンク切れの時に代替画像を表示する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React(Next.js)で画像がリンク切れの時に代替画像を表示する
<img src={画像のパス} alt={画像の代替テキスト} onError={e => { // src属性に指定した画像のURLが404... <img src={画像のパス} alt={画像の代替テキスト} onError={e => { // src属性に指定した画像のURLが404エラー等で取得できない場合、no photo用の画像を表示させる e.target.onError = null; // 下記画像が取得できない場合の無限ループを防ぐため、nullを代入 e.target.src = '/images/common/nophoto.png'; }} />