ملف page.js
الصفحة هي واجهة مستخدم فريدة لكل مسار.
export default function Page({
params,
searchParams,
}: {
params: { slug: string }
searchParams: { [key: string]: string | string[] | undefined }
}) {
return <h1>My Page</h1>
}export default function Page({ params, searchParams }) {
return <h1>My Page</h1>
}الخصائص
params (اختياري)
كائن يحتوي على معلمات المسار الديناميكي من الجزء الجذري وصولاً إلى تلك الصفحة. على سبيل المثال:
| المثال | الرابط | params |
|---|---|---|
app/shop/[slug]/page.js | /shop/1 | { slug: '1' } |
app/shop/[category]/[item]/page.js | /shop/1/2 | { category: '1', item: '2' } |
app/shop/[...slug]/page.js | /shop/1/2 | { slug: ['1', '2'] } |
searchParams (اختياري)
كائن يحتوي على معلمات البحث للرابط الحالي. على سبيل المثال:
| الرابط | searchParams |
|---|---|
/shop?a=1 | { a: '1' } |
/shop?a=1&b=2 | { a: '1', b: '2' } |
/shop?a=1&a=2 | { a: ['1', '2'] } |
معلومة مفيدة:
searchParamsهو وظيفة ديناميكية (Dynamic API) لا يمكن معرفة قيمها مسبقًا. استخدامها سيؤدي إلى تفعيل التصيير الديناميكي (dynamic rendering) في وقت الطلب.searchParamsيُرجع كائن JavaScript عادي وليس نسخة منURLSearchParams.
سجل الإصدارات
| الإصدار | التغييرات |
|---|---|
v13.0.0 | تم إدخال page. |