• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

searchParams props

24.05.10 17:08 작성 24.05.10 17:08 수정 조회수 67

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

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