VamosDev의 개발 브이로그

  • 홈
  • 태그
  • 방명록

2025/05/21 1

React 자식 요소의 리렌더링 방지 방법

[문제 상황]리스트의 값을 .map()하여 자식 요소를 여러개 렌더링함.리스트의 값을 하나만 변경해도 해당 원소가 아닌 다른 원소를 참조하는 모든 값,즉, 그 리스트를 참조하는 모든 자식 요소가 리렌더링 되는 상황 발생.memo도 적용되지 않음. [원인]'자식 요소'는 '부모 요소' 안에서 선언되어 있었고, useSate()로 관리되는 변화가 있는 '부모 요소'의 값을 직접 사용하였다.그대로 '부모 요소' 안에 선언해둔 채로 직접 '부모 요소'의 값을 사용하지 않고 props로 받도록 수정하였는데 그래도 의미가 없었다. [문제 해결]1 .자식요소를 별도의 파일로 만들어 컴포넌트화 함.2. 부모요소에서 해당 자식 요소를 import 함3. 필요한 모든 부모의 값들을 props로 자식요소에 전달=> 즉, 자..

오류 2025.05.21
이전
1
다음
더보기
프로필사진

VamosDev의 개발 브이로그

VamosDev의 개발 브이로그

  • 분류 전체보기 (35)
    • React (5)
    • library (1)
    • 오류 (7)
    • 개발 언어 (0)
    • 서버 (2)
    • 업무 tip (4)
    • 알고리즘 (0)
    • HTML (5)
    • Electron (6)
    • 배포 호스팅 (4)

Tag

리액트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바