From 49fe53ff69ba3033b231921add3a0f01e6205ab1 Mon Sep 17 00:00:00 2001 From: NaHyun22 <nhle0217@ajou.ac.kr> Date: Thu, 27 Jul 2023 17:18:58 +0900 Subject: [PATCH] again correction --- src/App.js | 17 ++++++++++++++++- src/favorites.js | 24 +++++++++++++----------- 2 files changed, 29 insertions(+), 12 deletions(-) diff --git a/src/App.js b/src/App.js index 8d0a57e..d382557 100644 --- a/src/App.js +++ b/src/App.js @@ -1,4 +1,6 @@ -import React from 'react'; +//import React from 'react'; +import React, { useEffect } from 'react'; + import MusicList from './MusicList'; import music_list from './data'; import { Box, Tabs, Tab, Typography, AppBar, CssBaseline } from '@mui/material'; @@ -15,6 +17,17 @@ export default function App() { const handleTabChange = (event, newValue) => { setCurrentTab(newValue); } + + useEffect(() => { + axios.get('/likes') + .then((response) => { + const data = response.data; + setFavorites(data); + }) + .catch((error) => { + console.error('Error:', error); + }); + }, []); //수정 - 버전1 // const handleOnLike = (item) => { // let value = favorites.find(it => it.collectionId == item.collectionId) @@ -114,6 +127,8 @@ export default function App() { collectionName: item.collectionName, collectionViewUrl: item.collectionViewUrl } + + ) .then((response) => { console.log(response.data); diff --git a/src/favorites.js b/src/favorites.js index 4f31a32..873133d 100644 --- a/src/favorites.js +++ b/src/favorites.js @@ -3,23 +3,25 @@ import { Typography } from '@mui/material'; import MusicList from './MusicList'; import axios from 'axios'; import React, { useEffect } from 'react'; +import App from './App'; -const Favorites = ({ list, onLike }) => { +const Favorites = ({ list, onLike, setFavorites }) => { - useEffect(() => { - axios.get('/likes') - .then((response) => { - const data = response.data; - setFavorites(data); - }) - .catch((error) => { - console.error('Error:', error); - }); - }, []); + // useEffect(() => { + // axios.get('/likes') + // .then((response) => { + // const data = response.data; + // setFavorites(data); + // }) + // .catch((error) => { + // console.error('Error:', error); + // }); + // }, []); return ( <React.Fragment> <MusicList list={list} onLike={onLike} /> + {/* <App setFavorites={setFavorites} /> */} </React.Fragment> ); -- GitLab