글 리스트 클릭시 상세 페이지로 넘어가는 방법에대해 꼭좀알려주세요.
498
작성한 질문수 18
import React, { useEffect } from 'react'
import axios from 'axios'
import { useParams } from 'react-router-dom'
const ShowPage = () => {
const {id} = useParams()
const getPost = (id) => {
axios.get(`users/board/${id}`).then((res)=>{
console.log(res.data);
})
}
useEffect(()=>{
getPost(id);
},[])
return (
<div>ShowPage</div>
)
}
export default ShowPage userRouter.get('/board/:userId',async(req,res)=>{
try{
const{userId} = req.params.userId
const user = await User.findOne({_id:userId});
console.log(user);
return res.status(200).json({success:true, user})
}catch(err){
console.log(err);
return res.status(500).send({err: err.message})
}
})
답변 1
0
음 강의와 너무 상관 없는 질문이네요.
글 리스트에서 개별 글을 클릭을 하면 해당 상페이지로 넘어가는 구조일텐데요. 개별 글 "클릭" 하는 부분을 리엑트 라우터의 Link 태그로 감싸주시고요. 해당 링크태그에 path와 글 id를 줘서 상세페이지로 넘어가게 하면 됩니다.
그리고 보여주신 코드는 상세페이지로 보이는데요. useState를 추가해주시고 거기에 res.data를 저장해주시면 될듯합니다. 밑에 JSX에서는 해당 state를 받아서 랜더링을 해주도록 하고요
option usecreateindex is not supported 오류 나면은
0
150
1
Schemaless 특성을 재생시 검은화면이 나와요
0
241
1
user 내장 시 ref 필드 필요성
0
240
1
await 관련해서 질문드릴게 있습니다!!
0
294
2
섹션6의 3번째 강의 faker파일이 어디있나요?
0
312
1
$elemMatch 질문이 있습니다.
0
248
1
DB 업데이트에 실패했을 상황에서 대처는 어떻게 할 수 있나요.
2
771
2
블로그에 user 데이터를 추가하는 방법에 대해서
0
241
1
blog 데이터 생성시 user 관련 오류
0
352
1
age 예외 처리를 별도로 하신 이유가 궁금합니다.
2
305
2
delete 메소드가 많은 이유가 궁금합니다.
0
184
1
unique validation 처리
0
298
1
updateMany에서 user._id를 못찾는 상황
1
399
1
find() 가 리턴하는 instance member
1
434
3
몽고 db를 백업방법을 부탁합니다.
0
606
1
인덱스 생성시점
0
715
1
$pull 문법에 대한 질문
0
363
1
comment의 id가 생성되는 시점
1
305
1
리팩토링 강의에서 라우터 리팩토링 전개연산자(...)
1
317
1
session.abortTransaction()에 대한 실제 예시 문의
0
290
1
섹션9 Computed Fields 강의에서, 다음 강의 가기 전 빠진부분
-1
411
1
faker 패키지 취약성 이슈
1
488
1
라우터 리팩토링
0
347
1
섹션4 진행중, mongoose 질문
0
314
1





