Dynamic Routes, Props (3)

구동현·2024년 9월 24일

next front

목록 보기
3/3

Dynamic Routes

  • url을 'posts/1234/edit'이렇게 작성해서 1234라는 게시물을 수정하고 싶을 때가 있을때 Dynamic Routes를 사용한다.
  • export default function detailPost(props) {
      //   console.log(props);
      //{ params: { postId: '1234' }, searchParams: { region: 'kr' } }
      return (
        <h1>
          detailPost, postId : {props.params.postId}, searchParams :{' '}
          {props.searchParams.region}
        </h1>
      );
    }
    	```
  • 위에 코드처럼 []안에 들어간 parameter를 params를 통해 받을 수 있다
  • requestParameter같은 경우네는 searchParams으로 받을 수 있다.

profile
개발합시다

0개의 댓글