<Link>برای رفتن از یک صفحه به صفحه دیگر، از کامپوننت داخلی <Link> استفاده کنید. این ابزار سرعت انتقال را بالا برده و از رفرش شدن کل صفحه جلوگیری میکند:
// app/page.tsx
import Link from 'next/link'
export default function Home() {
return <Link href="/blog/hello-world">خواندن مقاله</Link>
}
Next.js به صورت خودکار تایپهای هوشمندی برای پروژه میسازد که نیازی به ایمپورت کردن ندارند و خطاها را در زمان کدنویسی به شما مایل میکنند:
PageProps: تنظیم تایپ دقیق برای پارامترهای صفحات.
LayoutProps: تنظیم تایپ برای لایهها و شیارهای موازی.
// app/blog/[slug]/page.tsx
export default async function Page(props: PageProps<'/blog/[slug]'>) {
const { slug } = await props.params
return <h1>مقاله: {slug}</h1>
}
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://nextjs.org/docs/app