Cách lấy các thông số userParams và useSearchParams trong client và server
Nextjs tương đương từ client và server :
"use client"
import React from 'react';
import {useParams, usePathname, useSearchParams} from "next/navigation";
const Clientpage = () => {
const pathname = usePathname();
const searchParams = useSearchParams()
const q = searchParams.get('q', null);
const {slug} = useParams();
return (
Pathname: {pathname}
Query: {slug}
); }; export default Clientpage;
tương đương với :
export default async function Page({
params,
searchParams,
}: {
params: { slug: string }
searchParams: { [key: string]: string | string[] | undefined }
}) {
// ✅ params tương đương useParams()
// ✅ searchParams tương đương useSearchParams()
console.log(params.slug)
console.log(searchParams.q)
}
Để dễ chuyển đổi
