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에서 받아오는 데이터
게시판 목록
앱개발
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 758 | Android | 4개월 전 | 148 | ||
| 757 | Hybrid |
 zoony |
6개월 전 | 204 | |
| 756 | 기타 | 2년 전 | 1200 | ||
| 755 | Hybrid | 2년 전 | 1455 | ||
| 754 | Hybrid | 2년 전 | 2293 | ||
| 753 | Android | 2년 전 | 1161 | ||
| 752 | 기타 | 2년 전 | 1322 | ||
| 751 | Hybrid | 3년 전 | 1041 | ||
| 750 | Hybrid | 3년 전 | 2243 | ||
| 749 | Hybrid |
 jjunge |
3년 전 | 1492 | |
| 748 | IOS |
 Innisfree |
3년 전 | 2060 | |
| 747 | 기타 | 3년 전 | 1567 | ||
| 746 | 기타 | 3년 전 | 1654 | ||
| 745 | IOS | 3년 전 | 1598 | ||
| 744 | 기타 | 3년 전 | 1090 | ||
| 743 | Hybrid | 3년 전 | 1455 | ||
| 742 | 기타 | 3년 전 | 1765 | ||
| 741 | 기타 | 3년 전 | 1502 | ||
| 740 | 기타 | 3년 전 | 1308 | ||
| 739 | 기타 | 4년 전 | 1877 | ||
| 738 | Android |
Lucky100 |
4년 전 | 2270 | |
| 737 | Hybrid |
Innisfree |
4년 전 | 1646 | |
| 736 | Android | 4년 전 | 1642 | ||
| 735 | 기타 | 4년 전 | 1856 | ||
| 734 | IOS |
 ShamiJohn |
4년 전 | 1581 | |
| 733 | 기타 | 4년 전 | 1639 | ||
| 732 | 기타 | 4년 전 | 1988 | ||
| 731 | 기타 | 4년 전 | 10151 | ||
| 730 | 기타 | 4년 전 | 2242 | ||
| 729 | 기타 | 4년 전 | 1985 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기