리액트 라우터 사용해서
/post/:id 로 어떤 id값 들어오든지
<Route path={/post/:id} element={ <상세페이지컴포넌트 />} />로
상세 페이지 컴포넌트 보여주는건 지금 구현 했는데
id가 다르게올때마다 상세페이지 컴포넌트 내용물도 바껴야되잖아
이때 내용물든 배열로 map 사용해서 컴포넌트를 여러개 찍으려고하는데 예상과 다르게 모든 id가
다 똑같은 상세페이지컴포넌트를 가리키던데
map말고 다른걸 써야하나?
검색 키워드 지금 밤새서 22시간째 찾는데도 안보여서 글남김
- dc official App
코드를보여줘야지
지금 밖이라서 검색 키워드라도 알려주면 안될까? 리액트 상세페이지 구현만 하면됨 - dc App
그리고 맵으로 컴포넌트 여러개찍는다는게 뭔말임? 디테일 컴포넌트 하나잇는거아님?
map으로 요소들 순회해서 컴포넌트 props로 넣어줘서 여러개 생성한다는 뜻인데 요소들마다 다양한 내용물이 담긴 컴포넌트가 나와야되는데 여러가지 path 주소로 접근해봐도 하나의 컴포넌트만 뜸 ㅜㅜ - dc App
맵 안에있는 id값이 든 객체를 새로만든 배열에 넣어서 그걸 출력해보자
<Route path="post/:id" element={<Post />} /> 하고 <Post />에서 const { id } = useParams(); 후에 id 로 post 가져오고 해당 데이터 렌더 ㄱ