dukDukz

[React Error] map "key" with <></> 본문

웹 개발/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 값을 넣었다면 그 아래에서는 사용이 가능하지만, 최상단에서는 사용 불가!