2022/03/26 하위 컴포넌트에 id 부여하기
2022. 3. 26. 16:45ㆍProject : 근의 공식(Muscle Formula)
상위 컴포넌트에서 하위 컴포넌트를 불러올 경우 대체로 map 함수를 쓴다.
이때 map 함수는 두 번째 인자로 index 인자를 갖는다.
따라서 이 점을 이용하여 컴포넌트 각각의 id를 설정해줄 수 있다.
이를테면 이런 식
이렇게 컴포넌트 각각에 props로 인덱스를 넘겨서 부여할 경우 나중에 삭제 기능 구현할 때 용이하다. (삭제시 index를 이용해 filter할 수 있기 때문)
'Project : 근의 공식(Muscle Formula)' 카테고리의 다른 글
| 2022/04/02 React Slick 슬라이더 (2) | 2022.04.02 |
|---|---|
| 2022/03/27 리액트 TS에서 Div 태그로 에디터 만들기 (0) | 2022.03.27 |
| 2022/03/26 리액트 onClick 이벤트 핸들러에 함수를 작동시킬 때 유의점 (1) | 2022.03.26 |
| 2022/03/25 초를 시간형식으로 바꾸는 함수 (1) | 2022.03.26 |
| 2022/03/24 CSS 첫번째 요소 또는 마지막 요소 제외 (0) | 2022.03.24 |