2022/03/26 하위 컴포넌트에 id 부여하기

상위 컴포넌트에서 하위 컴포넌트를 불러올 경우 대체로 map 함수를 쓴다.

이때 map 함수는 두 번째 인자로 index 인자를 갖는다.

따라서 이 점을 이용하여 컴포넌트 각각의 id를 설정해줄 수 있다.

이를테면 이런 식

여기서 map의 두번째 인자인 idx는 Record 컴포넌트의 idx 값으로 넘어갔다.

이렇게 컴포넌트 각각에 props로 인덱스를 넘겨서 부여할 경우 나중에 삭제 기능 구현할 때 용이하다. (삭제시 index를 이용해 filter할 수 있기 때문)