【React】Warning: Each child in a list should have a unique "key"

4174 단어 Reacttech

오류 코드


// jsx部分
return (
  // 省略
  {values.map((value, index) => {
    return (
      <>
        <ChildComponent value={value} key={index} />
      </>
    )
  })}
  // 省略
)

오류 코드 없음


// jsx部分
return (
  // 省略
  {values.map((value, index) => {
    return <ChildComponent value={value} key={index} />
  })}
  // 省略
)

원인


결과적으로 공식 기록대로 쓰지 않았기 때문이다.
잘 모르겠어요.
가장 바깥쪽?의 섹션에 키를 입력해야 합니다.
하지만<ChildComponent />포위<></>됐다.
RoR에 비해 React의 훈련 보도는 매우 적다
기본적으로, 입문 기사를 읽고는 몰랐다 = 이상한 짓을 한 느낌이 들었다
아무 문제 없는 것 같습니다.

사이트 축소판 그림


https://reactjs.org/docs/lists-and-keys.html#keys

좋은 웹페이지 즐겨찾기