테스트 사이트 - 개발 중인 베타 버전입니다

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

· 6년 전 · 1331

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

 

방법이 있더라구요

 

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

 

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

 

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

 

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

 

_addKeysToBooks = books => {

  return books.map(book => {

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

  }

}

 

해당 메소드 사용하는 곳은

 

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
1801
1800
1799
1798
1796
1795
1790
1787
1783
1782
1781
1780
1779
1778
1775
1772
1771
1770
1766
1758
1752
1738
1737
1725
1719
1706
1697
1695
1694
1693