JSX에서 key 속성이란

JSX에서 key 속성은 반복문을 사용할 때, 각 아이템을 구분하는 고유한 값을 지정하는데에 사용된다. key는 unique해야하는 값이다.
리액트는 가상 돔을 이용해서 바뀐 부분만 실제 돔에 적용한다고 했는데 이 때 바뀐 부분을 찾을때 Key값을 통해 바뀐 부분을 인식해 돔을 변경하게 된다.

const items = ['apple', 'banana', 'orange'];

const ItemList = () => {
  return (
    <ul>
      {items.map((item, index) => (
        <li key={index}>{item}</li>
      ))}
    </ul>
  );
};