웹 개발/React
[React Error] map "key" with <></>
헤일리_HJ
2022. 9. 13. 14:22
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 값을 넣었다면 그 아래에서는 사용이 가능하지만, 최상단에서는 사용 불가!