Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 피보나치함수 예제
- 피보나치함수
- 재귀함수 예제
- 한국투자증권 해외주식 양도세
- 피보나치 예제
- recursion example
- CSTS 폭포수 모델
- js 자동완성
- git 연동
- java.sql.SQLSyntaxErrorException
- 최대공약수 예제
- javascript 자동완성
- 재귀 예제
- 국세청 해외주식 양도세 신고방식
- 해외증권 양도세 한국투자증권
- 테스트 자동화
- katalon xpath
- katalon 사용법
- bfs 미로탐색 java
- 톰캣 실시간 로그
- 해외주식 양도세 신고
- 홈택스 해외주식 양도세
- 한국투자증권 양도세 신고
- katalon
- Katalon Recorder 사용법
- tomcat log
- oracle group by
- katalon 비교
- 주식 양도세 신고방법
- katalon 자동화
Archives
- Today
- Total
엄지월드
[React] Warning: Each child in a list should have a unique "key" prop. 본문
Front/React
[React] Warning: Each child in a list should have a unique "key" prop.
킨글 2024. 5. 23. 11:25Warning: Each child in a list should have a unique "key" prop. 에러가 나는 경우
index 값은 마땅히 없을 때에 순수 javascript로 uuid를 만들어서 추가할 수 있다.
...
return (<th key={generateUUID()} scope='col'>{item.coNm}</th>)
function generateUUID() {
// UUID v4 생성
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
'Front > React' 카테고리의 다른 글
React 기본 문법 알아보기 (0) | 2024.02.21 |
---|---|
Uncaught Error: useRoutes() may be used only in the context of a <Router> component. (1) | 2023.02.11 |
Comments