From 35b647789f0792c8ca64e8974948eb2073c620df Mon Sep 17 00:00:00 2001
From: NaHyun22 <nhle0217@ajou.ac.kr>
Date: Sat, 29 Jul 2023 19:56:48 +0900
Subject: [PATCH] =?UTF-8?q?=E3=85=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/App.js | 37 ++++++++++++++++++++++++++++++++++---
src/SearchPage.js | 2 +-
src/favorites.js | 28 +++++++++++++++-------------
3 files changed, 50 insertions(+), 17 deletions(-)
diff --git a/src/App.js b/src/App.js
index d480591..961073d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -14,6 +14,37 @@ export default function App() {
const [favorites, setFavorites] = React.useState([]);
//const [like, setLike] = React.useState([]);
+ const fetchfunc = () => {
+ axios.get('http://localhost:8888/likes')
+ .then((response) => {
+ const data = response.data;
+ data.map(item => {
+ console.log(item);
+ handleOnLike(item);
+ })
+ //onLike(data);
+ //setFavorites(data);
+ console.log(data);
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ });
+ }
+
+ useEffect(() => {
+ // axios.get('http://localhost:8888/likes')
+ // .then((response) => {
+ // const data = response.data;
+ // //onLike(data);
+ // //setFavorites(data);
+ // console.log(data);
+ // })
+ // .catch((error) => {
+ // console.error('Error:', error);
+ // });
+ fetchfunc();
+ }, []);
+
const handleTabChange = (event, newValue) => {
setCurrentTab(newValue);
}
@@ -100,7 +131,7 @@ export default function App() {
let b = favorites.filter((it) => it.collectionId !== item.collectionId);
setFavorites(b);
- axios.delete(`/likes/${item.collectionId}`)
+ axios.delete(`http://localhost:8888/likes/${item.collectionId}`)
.then((response) => {
console.log(response.data);
})
@@ -119,7 +150,7 @@ export default function App() {
//setFavorites([...favorites, { ...item, like: true }]);
//좋아요 아이템 spring 서버로 보내기
- axios.post('/likes', {
+ axios.post('http://localhost:8888/likes', {
collectionId: item.collectionId,
collectionType: item.collectionType,
artistId: item.artistId,
@@ -209,7 +240,7 @@ export default function App() {
</Box>
{currentTab == 0 && <SearchPage list={searchResult} onSearch={setSearchResult} onLike={handleOnLike} />}
- {currentTab == 1 && <Favorites list={favorites} onLike={handleOnLike} />}
+ {currentTab == 1 && <Favorites list={favorites} onFavorite={setFavorites} onLike={handleOnLike} />}
{currentTab == 2 &&
<Typography align="center" variant="h2">Item Three</Typography>}
</React.Fragment>
diff --git a/src/SearchPage.js b/src/SearchPage.js
index 92a6d69..af5990c 100644
--- a/src/SearchPage.js
+++ b/src/SearchPage.js
@@ -33,7 +33,7 @@ export default function SearchPage({ list, onSearch, onLike }) {
// console.error('Error:', error);
// });
- fetch(`/musicSearch/${(searchWord)}`, {
+ fetch(`http://localhost:8888/musicSearch/${(searchWord)}`, {
method: 'GET', // HTTP 메서드는 GET입니다.
headers: {},
})
diff --git a/src/favorites.js b/src/favorites.js
index b459746..e221cec 100644
--- a/src/favorites.js
+++ b/src/favorites.js
@@ -5,19 +5,21 @@ import axios from 'axios';
import React, { useEffect } from 'react';
import App from './App';
-const Favorites = ({ list, onLike }) => {
- const [Favorites, setFavorites] = React.useState([]);
-
- useEffect(() => {
- axios.get('/likes')
- .then((response) => {
- const data = response.data;
- setFavorites(data);
- })
- .catch((error) => {
- console.error('Error:', error);
- });
- }, []);
+const Favorites = ({ list, onSearch, onLike }) => {
+ //const [Favorites, setFavorites] = React.useState([]);
+
+ // useEffect(() => {
+ // axios.get('http://localhost:8888/likes')
+ // .then((response) => {
+ // const data = response.data;
+ // onLike(data);
+ // //setFavorites(data);
+ // console.log(data);
+ // })
+ // .catch((error) => {
+ // console.error('Error:', error);
+ // });
+ // }, []);
return (
<React.Fragment>
--
GitLab