React.Children.toArray()

gth1123·2021년 11월 17일
0

react

목록 보기
40/42
{!!querySkills.current.length &&
                    React.Children.toArray(
                      querySkills.current.map((val) => (
                        <SkillTagBtn type="button" selected onClick={() => handleSkillClick(val)}>
                          {val.name}
                          <CloseIcon />
                        </SkillTagBtn>
                      ))
                    )}

react의 virtual dom은 key값으로 각각의 객체를 구분하고
그 객체의 props가 바뀌었는지 확인을 한다
Array.prototype.map을 사용해서 반복적인 컴포넌트를 그리는 경우에 React.Children.toArray()으로 감싸주면 자동으로 unique한 key가 지정이 된다.

참고

profile
움직이는 만큼 행복해진다

0개의 댓글