본문 바로가기

JavaScript/리엑트

React 컴포넌트의 key 속성

리엑트에서 key속성은 어떤 항목을 변경,추가,삭제할지 식별하는것을 돕는 역할을 합니다

리엑트는 컴포넌트의 상태나 속성이 변할때마다 렌더링을 하는데 효율적으로 동작하기 위해

모든것을 랜더링하지 않고 바뀐 부분만 재렌더링을 합니다

이때 바뀐 부분을 체크하기 위한 방법으로 리엑트의 key를 사용합니다

key값을 설정 할 때 조건으로는 유일한 값을 지정해야 됩니다

key값을 설정하면 장점으로는 전체를 렌더링하지 않고 바뀐 부분만 효율적으로 렌더링을 할 수 있다는 장점이 있습니다

 

 

 

'JavaScript > 리엑트' 카테고리의 다른 글

useEffect의 dependency array  (0) 2022.10.19
React Props, State  (0) 2022.10.19