TypeError: 'map' of undefined


mock dataで確認中に発生したエラー!
TypeError: Cannot read property 'map' of undefined

何言ってるの.

明らかにvscで間違いはありません...

だからグーグル教授に直接聞いた結果!
reactはreturnで初めて(関数型コンポーネント)が表示され、データがまだ入っていないためundefinedと定義され、エラーが発生します.だから条件を一つ加えればいい!
解決策は&&
条件が真の場合、&&の後ろの要素が出力に表示され、偽の場合、reactは無視され、スキップされます.
だから修正したコード!
{product_images &&
          product_images.map((img, index) => (
            <li key={index}>
              <img src={img} alt="sideimg" />
            </li>
          ))}
このような真実の条件product_images &&を加えると間違っています!
満足して仕事を続ければいい!😌