BookList.js

import React, { Component } from 'react';
import {StyleSheet, Image, FlatList, View, Text } from 'react-native';
import BookItem from "./BookItem";
import NYT from "./NYT";

class BookList extends Component {
    constructor(props) {
        super(props);
        this.state = {
            data: []};
    };


    componentDidMount() {
        this._refreshData();
    }

    _renderItem = ({item}) => {

        return (
            <BookItem
                coverURL={item.book_image}
                title={item.key}
                author={item.author}
            />
        )
    };

    _addKeysToBooks = books => {
        //뉴욕타임스 api 응답을 가져와서 렌더링을 위한 key 속성을 객체에 추가
        return books.map(book => {
            return Object.assign(book, {key: book.title});
        });
    };

    _refreshData = () => {
        NYT.fetchBooks().then(books => {
            this.setState({data:this._addKeysToBooks(books)});
        });
    }

    render() {
        return <FlatList
            data={this.state.data}
            renderItem={this._renderItem}
        />
    }
}



export default BookList;