← Back to rules

react/no-array-index-key 성능

An auto-fix is available for this rule.

작동 방식

요소가 배열 인덱스를 키로 사용할 경우 경고합니다.

왜 문제인가요?

배열 인덱스를 사용하는 것은 좋은 아이디어가 아닙니다. 왜냐하면 인덱스는 요소를 고유하게 식별하지 못하기 때문입니다. 배열이 정렬되어 있거나 배열의 처음에 요소가 추가될 경우, 해당 인덱스를 가리키는 요소가 동일하더라도 인덱스 값이 변경될 수 있습니다. 이로 인해 불필요한 렌더링이 발생합니다.

예시

이 규칙에 부적절한 코드 예시:

things.map((thing, index) => <Hello key={index} />);

이 규칙에 적절한 코드 예시:

things.map((thing, index) => <Hello key={thing.id} />);

사용 방법

구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음을 사용하세요:

구성 파일 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-array-index-key": "error"
  }
}

CLI

oxlint --deny react/no-array-index-key --react-plugin

참고자료

• 규칙 소스