ملف 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 (اختياري)
كائن يحتوي على معلمات البحث لرابط URL الحالي. على سبيل المثال:
| الرابط | 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. |