인프런 커뮤니티 질문&답변

bo9999님의 프로필 이미지

작성한 질문수

Next + React Query로 SNS 서비스 만들기

useSearchParams와 프로필, /search 페이지

searchParams props

24.05.10 17:08 작성

·

154

·

수정됨

0

안녕하세요

search 페이지 props에서 searchParams props가 기본적으로 제공된다고 알고있는데 저는 콘솔로 찍어보니 나오지 않습니다..! 혹시 제가 잘못적용한건지 아니면 다시한번 확인해야 될곳이 있을까요?/

import SelectBox from "@/components/common/SelectBox";
import SelectStack from "@/components/common/SelectStack";
import Peoples from "@/components/people/Peoples";
import SearchForm from "@/components/common/SearchForm";


type Props = {
  searchParams: {
    page: string;
    size: string;
    sort?: string;
    keyword?: string;
    position?: string;
    teckStack?: string;
  };
};
export default function Page({ searchParams }: Props) {
  console.log("??", searchParams);
  return (
    <div>
      <div className="relative flex items-center gap-4">
        <h1 className="text-[36px] font-bold">People</h1>
      </div>
      <div className="flex justify-between">
        <div className="flex gap-3">
          <SelectBox options={option} title="포지션" />
          <SelectStack />
        </div>
        <SearchForm keyword={searchParams.keyword as string} />
      </div>
      <Peoples searchParams={searchParams} />
    </div>
  );
}

스크린샷 2024-05-10 오후 5.07.57.png

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

2024. 05. 10. 19:50

브라우저의 주소 지금 어떻게 되시나요? 일단 searchParams 객체는 존재하네요.

bo9999님의 프로필 이미지

작성한 질문수

질문하기