Favorites.js

/*
1. 전역변수 사용하지 말것
2. SearchPage에서 가수 2~3명의 음악을 검색하고, 좋아요를 클릭하고, 
Favorites 페이지를 보았을 때, 여러 가수들의 노래들이 표시되어야 하고, 
Favorites에서 좋아요를 다시 클릭하면, 그 음악이 사라져야 합니다.
3. 상태변수 likes는 SearchPage와 Favorites에 공유되어야 한다.
4. 상태변수 likes를 어느 컴포넌트에 두어야 하며, MusicList, SearchPage, Favorites 컴포넌트의 props는 어떠한 형태로 전달되어야 하는가?
*/

import React from 'react';
import MusicList from './MusicList';

const Favorites = ({list, likes, toggleFavorite}) => {

  const favList = list.filter(item => likes[item.collectionId])//filter함수를 이용하여 좋아요 한 노래들만 필터링해서 favList에 집어넣기

  return (
      <MusicList list={favList} likes={likes} toggleFavorite={toggleFavorite}/>
  );
}

export default Favorites;