dukDukz
[React Error] map "key" with <></> 본문
1. map key를 사용하는 올바른 방법
<tbody>
{arr.map((data, key) => {
return (
<tr key={key}>
<td className="tal">
...
2. 최상단에 <></> 를 사용하지 말 것
1) 최상단에 <></> 사용하여 key 값을 넣을 수 없다.
<div>
{arr.map((data, key) => {
return (
<key={key}>
<div>
...
</>
2) 최상단에 <></>를 넣고 그 아래에 key 값을 넣을 수 없다.
<div>
{arr.map((data, key) => {
return (
<>
<div key={key}>
...
key 값을 넣었다면 그 아래에서는 사용이 가능하지만, 최상단에서는 사용 불가!
'웹 개발 > React' 카테고리의 다른 글
[React] 엑셀 다운로드 xlsx (0) | 2022.09.27 |
---|---|
[React] 검색 조건 유지 - localStorage (0) | 2022.09.27 |
[React Error] Text nodes / Whitespace cannot appear as a child of <tbody>. (0) | 2022.09.13 |
[React] moment.js 실시간 표시 하기 (0) | 2022.09.13 |
[recharts] label is not showing (0) | 2022.08.05 |