diff --git a/src/components/CombinationGrid/CombinationGrid.jsx b/src/components/CombinationGrid/CombinationGrid.jsx index fd1c9d7dbaeb57f26510c98f6ed69588d23e6be3..d70c067bed7add5c39c85311952894175424167d 100644 --- a/src/components/CombinationGrid/CombinationGrid.jsx +++ b/src/components/CombinationGrid/CombinationGrid.jsx @@ -2,6 +2,8 @@ import React from "react"; import "./CombinationGrid.css"; const CombinationGrid = ({ combination }) => { + // console.log(combination); + if (!Array.isArray(combination)) { return null; // combinations가 배열이 아닐 경우 아무것도 렌더링하지 않음 } diff --git a/src/pages/SearchCombinationPage/SearchCombinationPage.jsx b/src/pages/SearchCombinationPage/SearchCombinationPage.jsx index b19fedb57ab6ee47d2bb4dc85ab62301faa2d587..126cf0d282cebf6bc97514b954ba25d2d7c541f5 100644 --- a/src/pages/SearchCombinationPage/SearchCombinationPage.jsx +++ b/src/pages/SearchCombinationPage/SearchCombinationPage.jsx @@ -33,6 +33,7 @@ const SearchCombinationPage = () => { ssdId: selectedItems.SSD[0]?.id, hddId: selectedItems.HDD[0]?.id, }); + if (data && Array.isArray(data)) { setCombinations(data); } diff --git a/src/pages/SearchCombinationPage/components/CombinationBox.jsx b/src/pages/SearchCombinationPage/components/CombinationBox.jsx index 2a595caddf545ec6abcfbdbaf4e001758865c2f3..0f4fabba305bfe3352e9c3c25b55ad0359160d3f 100644 --- a/src/pages/SearchCombinationPage/components/CombinationBox.jsx +++ b/src/pages/SearchCombinationPage/components/CombinationBox.jsx @@ -5,12 +5,11 @@ import getPartById from "@/api/parts/getPartById"; const CombinationBox = ({ title, combination }) => { const [partDetails, setPartDetails] = useState([]); - useEffect(() => { const fetchPartDetails = async () => { try { const details = await Promise.all( - combination.partids.map(async (partId) => { + combination.partIds.map(async (partId) => { const partData = await getPartById(partId); return { image: partData.image_url,