본문 바로가기 메뉴 바로가기

썬이의 IT세상

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

썬이의 IT세상

검색하기 폼
  • 분류 전체보기 (112)
    • 개발 세상 (86)
      • CS (2)
      • JS&TS (9)
      • React Native (46)
      • 에러 해결 노트 (19)
      • expo (1)
      • git (2)
      • React (3)
      • CSS (1)
      • Firebase (3)
    • 끄적이기 (5)
      • Private Box (3)
      • ChatGPT (4)
      • VSCode (4)
      • MMEIN (2)
    • 일상 (5)
      • 맛집 탐방 (5)
  • 방명록

KEY (1)
[RN] 빈 태그(<></>) 대신 Fragment 사용하기! (map 함수 빈 태그에 key값 넣어주기)

포스팅 부제에도 나와있듯이, RN으로 개발을 하다보면 map() 함수로 특정 배열을 랜더링 시킬 때, 함수를 감싸는 부모 컴포넌트를 View가 아닌 빈 태그() 로 지정할 때가 있다. 테스트 코드 const tmpArr = [0,1,2,3,...] return ( ... tmpArr.map((res, idx)=>{ return ( {res} ) }) ... ) ... 위와 같은 테스트 코드를 랜더링 시키면, React Native는 Warning: Each child in a list should have a unique "key" prop. 우리가 자주 보는 Warning을 뱉어낸다. 사실 우리가 원하는데로 랜더링은 시킬 수 있지만, 해당 컴포넌트를 랜더링 시켜주는 페이지를 들어갈 때 마다 디버깅 경고..

개발 세상/React Native 2024. 2. 6. 15:10
이전 1 다음
이전 다음
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • FlatList
  • ReactNative
  • REACT
  • rn
  • Mac
  • It
  • ios
  • React Native
  • typeScript
  • 스파르타코딩클럽
  • Xcode
  • app
  • useEffect
  • IMAGE
  • vsC
  • 영종도데이트
  • useState
  • reactQuery
  • Firebase
  • Ai
  • ChatGPT
  • Android
  • 코린이
  • build
  • 앱개발
  • TS
  • React Hooks
  • JavaScript
  • vscode
  • CSS
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바