More than 3 years have passed since last update.

map メソッドのユニークなキーがないと出るエラー

Posted at 2021-11-04

コンソール上で以下のエラー

index.js:1 Warning: Each child in a list should have a unique "key" prop.

これは map メソッドで作られる要素に
ユニークなキーがないとでるエラー

しかし

 [...Array(12).keys()].map(i =>
              <ItemWrapper >
                <Skeleton  key={i}　variant="rect" width={450} height={180} />
              </ItemWrapper>                
            )

ついてますが。は？
ってなった

どうやら

 [...Array(12).keys()].map(i =>
              <ItemWrapper key={i} >
                <Skeleton variant="rect" width={450} height={180} />
              </ItemWrapper>                
            )

一番外側の要素がユニークである必要があるそう

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

Why not login to Qiita and try out its useful features?

map メソッドのユニークなキーがないと出るエラー

Qiita Conference 2025 will be held!: 4/23(wed) - 4/25(Fri)