data.json 파일에 접근할 수 없고 새로운 카드/구성 요소 필터링을 수행할 수 없는 문제가 발생했습니다.
<p>그래서 이전 페이지에서 ID를 가져오도록 페이지를 설정했습니다. 이미지 4를 클릭하면 URL(/Food/4) 등이 표시됩니다. 그래서 이전 페이지에서 올바른 정보를 얻었습니다. 이제 내가 가진 문제는 가져오기를 사용하여 data.json 파일을 가져오고 json에서 정보를 가져온 다음 ID를 기반으로 페이지에 정보를 렌더링하는 것입니다. 따라서 이미지 4를 클릭하고 ID를 새 페이지에 전달하면 json 파일에서 이미지 4에 대한 데이터를 표시하려고 합니다. 여러 가지 다른 가져오기 설정과 axios 설정을 시도했지만 완전히 당황했습니다. useParams를 구현해야 합니까? params.id? 감사해요! </p>
<pre class="brush:php;toolbar:false;">'react'에서 React, { useState, useEffect } 가져오기
import { Link, useParams } from 'react-router-dom'
'./data.json'에서 데이터 가져오기
기본 함수 Foodinfo() 내보내기 {
const 매개변수 = useParams()
const [item, setItem] = useState();
useEffect(() => {
가져오기('/data.json')
.then(응답 => response.json())
.then(데이터 => console.log(데이터));
})
반품 (
<div>
