[map]써도써도 까먹는 map 실수리스트 정리

건강전도사·2022년 4월 13일
0

Back to the basic!

1. *.map is not a function

map을 돌리는 대상이 배열의 형태가 아니다.
혹시 아래과 같은 객체를 놓고 씨름하고 있었다면

{
	id : jaySur,
	name: jayYoon,
}

배열의 형태로 바꿔줍시다...

2.encountered two children with the same key

key 설정을 동일한 값으로 돌리셨군요..
key는 unique한 값으로 꼭 세팅해주셔야합니다.
객체의 id가 있으면 id를 쓰셔도 좋고
없으면 index로 만들어줍니다

{products.map((product, index)=>(
	<productFeature key={index} product={product} />
    ))}

이 때, index와 props는 꼭 꼭 괄호로 묶어줍시다..

profile
실수는 삶과 정신의 여백입니다. 여백이 많은 츄러블슈팅 맛집

0개의 댓글