그림과 설명이 출력이 맞지 않게 되는데, 어떤 코드를 봐야할지 알려주실 수 있을까요?

코드를 바꾸지는 않았는데, 포스트맨에서 다시 보내고 하다보니까 그림이 하나 더 늘고 ...클릭시 무한로딩으로 바뀌었습니다 ..ㅠㅠ

그림과 설명이 출력이 맞지 않게 되는데, 어떤 코드를 봐야할지 알려주실 수 있을까요?

아 SQlite로 그림과 표기는 맞게 수정하였는데, 마찬가지로 키보드 클릭시 농구공이 출력되고, 나머지 두 개는 뜨지가 않습니다 !

포스트맨 send를 눌러도 변화가 없습니다

아, 또한 send를 누르면 크롬 창이 crbug/1173575, non-JS module files deprecated. (익명) @ VM10:6774라는 오류가 뜹니다

잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.

아 아닙니다 해결해씁니다..감사합니다 ... 제가 놓친 bracket이 있었습니다 ..ㅠㅠ

잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.

터미널에는 ERROR in src/product/index.js Line 42: Parsing error: 'import' and 'export' may only appear at the top level. (42:0) 라고 출력되며 42번째 줄이 export default ProductPage; 입니다

잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.

(사진)맨 마지막 라이 부근 }를 지워도 같은 오류가 출력됩니다 ㅠㅠ.. 어떤게 문제일까요오오 ....죄송합니다

잘 안되서, 소스 코드를 복붙했더니 해당 에러가 출력됩니다.

import { useParams } from "react-router-dom"; import axios from "axios"; import { useEffect, useState } from "react"; import "./index.css" function ProductPage() { const { id } = useParams(); const [product, setProduct] = useState(null); useEffect(function () { axios .get( `https://1a135b44-e524-4168-8a97-42364bfed983.mock.pstmn.io/products/${id}` ) .then(function (result) { setProduct(result.data); }) .catch(function (error) { console.error(error); if (product === null) { return h1>상품 정보를 받고 있습니다...h1>; } return ( div> div id="image-box"> img src={"/" + product.imageUrl} /> div> div id="profile-box"> img src="/images/icons/avatar.png" /> span>{product.seller}span> div> div id="contents-box"> div id="name">{product.name}div> div id="price">{product.price}원div> div id="createdAt">2020년 12월 8일div> div id="description">{product.description} div> div> div> ); } export default ProductPage; 입니다 !

상품의 상세정보가 출력이 안되는데, 이럴 경우 어떤 것이 문제인가요?

혹시 몰라 포스트맨의 주소를 0,1,2,로 바꿔도 축구공 이미지 클릭 시 농구공에 대한 정보가 출력됩니다 어떤 문제일까요

상품의 상세정보가 출력이 안되는데, 이럴 경우 어떤 것이 문제인가요?

아 네, 안녕하세요 선생님해당 오류는 해결하였으나 축구공을 클릭하면 주소가 1이며 농구공에 대한 정보가 출력됩니다 1,2,3,이 아닌 현재 저는 0,1,2 로 되어있는데 이럴 경우 어떤 파일을 수정해야하나요? 틀림없이 잘 따라온거같은데 이런 오류가 있네요