Next.jsのuseSearchParamsの返り値をオブジェクトに変換

Next.jsのuseSearchParamsはgetAll()keys()values()entries()forEach()toString()が用意されていますが、オブジェクトを返してくれるメソッドは用意されていません。

そのため、コンポーネントなどにパラメーターをオブジェクトとして渡したい場合は以下のようにObject.fromEntries()を使うとパラメーターをオブジェクトに変換することができます。

"use client";

import { useSearchParams } from "next/navigation";
...

export default function Page() {
  const searchParams = useSearchParams();
  const searchParamsObject = Object.fromEntries(searchParams);
  
  return (
    ...
  );
}
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする


The reCAPTCHA verification period has expired. Please reload the page.

目次