api 정보 불러오기

• 모달에서 고양이의 성격, 태생 정보를 렌더링합니다. 해당 정보는 /cats/:id 를 통해 불러와야 합니다.

 

api.js

 

},
fetchCatDetails: id => {
    return fetch(`${API_ENDPOINT}/api/cats/${id}`).then(res => 
      res.json())
  }

fetch(url, [, options])

fetch 함수에 첫 번째 인수로 HTTP요청을 전송할 URL만 전달하면 GET 요청을 전송한다.

app.js

 

      onClick: async image => {

          const catDetail = await api.fetchCatDetails(image.id)
          this.imageInfo.setState({
            visible: true,
            image :catDetail.data
          });
      }
    });