Error: Missing "key" prop for element in iterator

Tiago F2 answered on February 6, 2022 Popularity 10/10 Helpfulness 4/10

answer Error: Missing "key" prop for element in iterator

related missing key prop for element in iterator

Comment

const peopleCard = this.state.people.map(person => (
  <Col key={person.id} sm="4">
    <PeopleCard person={person} />
  </Col>
));

Popularity 10/10 Helpfulness 4/10 Language typescript

Tags: element iterator prop typescript

Link to this answer
Share Copy Link

Contributed on Feb 06 2022

Tiago F2

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

{arr.map((elem, index) => (
	<li key={elem + index}>{elem}</li>
))}

if array elem has id attribute, use it instead of just elem

Popularity 9/10 Helpfulness 5/10 Language javascript

Tags: element

Link to this answer
Share Copy Link

Contributed on Mar 29 2023

ambl

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.