Next.js) 상세페이지 만들기 (query 받기)

상세페이지 누루기 전

{/* 상세페이지 */}
	 <Link href={`/board/view?no=${e.wr_id}&type=qa`}>
	 {e.wr_subject}
 </Link>

링크에서 전달값을  /board/view?no=${e.wr_id}&type=qa 으로 전달

상세페이지 안

hooks 경우

import { useRouter } from 'next/router'

export default function Home() {
  const router = useRouter()
  const { query } = router


  
  useEffect(()=>{
    // Index()
    console.log('query',query)
  },[])
  


  return (
  
  )

클래스 경우

export default class View extends React.Component {
  static getInitialProps({ query }) {
    return { query }
  }

  constructor({ query }) {
    super({ query })
    this.state = {
      wr_id: query.no,
    }
  }
  
  render() {
  
  }