RN - flatlist 사용시 key 생성 헬퍼 메소드 > 앱개발

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

앱개발

RN - flatlist 사용시 key 생성 헬퍼 메소드 정보

RN - flatlist 사용시 key 생성 헬퍼 메소드

본문

책을 읽다보니 이런식으로 키가 없는 데이터에 키를 만들어주는

 

방법이 있더라구요

 

자체적으로 keyExtractor 를 써도 되는데

 

무한 롤링리스트를 만들때나 아이템 없음 예외처리할때 에러가 생겨서 (사용 미숙)

 

아래 방법으로 하니 잘 작동해서 공유합니다.

 

책에서는 헬퍼메소드라고 부르더군요

 

_addKeysToBooks = books => {

  return books.map(book => {

    return Object.assign(book, { key: book.title } );

  }

}

 

해당 메소드 사용하는 곳은

 

this.state = { data: this._addKeysToBooks(apiData) };  // apiData 란 api에서 받아오는 데이터

공감
0

댓글 0개

전체 756 |RSS
앱개발 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT