Keys 이해하기
map을 사용할 때 key가 필요한 이유는 무엇일까?
React는 데이터 리스트를 렌더링할 때 특별한 컨셉을 갖는데
key를 지정해주지 않으면
key를 사용할 때는
객체에서 숫자로 변환
const Chart = (props) => {
const dataPointValues = props.dataPoints.map(dataPoint => dataPoint.value) // value를 반환
const totalMaximum = Math.max(...dataPointValues) // 배열의 모든 요소를 꺼내어 최댓값 구함
return (
{props.dataPoints.map((dataPoint) => (
<ChartBar
key={dataPoint.label}
maxValue={totalMaximum}
/>
))}
)
}