728x90 300x250 SMALL 2025/01/151 리스트 컴포넌트 key 추가하기 1. 키가 없는 기본적인 리스트 컴포넌트import React from "react";function ListItem({ item }) { return {item};}function List() { const items = ["Apple", "Banana", "Orange", "Grapes"]; return ( {items.map((item) => ( ))} );}export default List; 이 코드는 items 배열을 map()메서드로 순회하면서 각 항목을 ListItem컴포넌트로 변환한다.하지만 이 상태에서는 key 속성이 없기 때문에, 리액트는 항목들을 구분할 수 없어, 변경된 항목을 효율적으로 처리할 수 없다. 2. key를 추가한 .. 2025. 1. 15. 이전 1 다음 728x90 반응형 LIST