inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

mongoDB 기초부터 실무까지(feat. Node.js)

Comment model 만들기

글 리스트 클릭시 상세 페이지로 넘어가는 방법에대해 꼭좀알려주세요.

498

foxball

작성한 질문수 18

0

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})
        }
        })
        

 

rest-api DBMS/RDBMS mongodb javascript aws nodejs 데이터 엔지니어링

답변 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