آزمون فصل

کدام مورد داخل یک Server Component مجاز نیست؟

در پروژه‌ای با Framework پشتیبان Server Components، کد زیر را در نظر بگیرید. وضعیت Recommendations چیست؟

// Sidebar.js
"use client";

import Recommendations from "./Recommendations";

// Recommendations.js خودش هیچ directive ای ندارد
// و مستقیماً از db داده می‌خواند

کدام مقدار می‌تواند به‌عنوان Prop از یک Server Component به یک Client Component منتقل شود؟

کامپوننت زیر یک Client Component است. هنگام پیش‌رندر روی سرور چه مشکلی پیش می‌آید؟

"use client";

export default function Width() {
  return <p>{window.innerWidth}</p>;
}

اگر یک کامپوننت async کند، داخل هیچ مرز Suspense ای نباشد، چه اتفاقی می‌افتد؟

در کد زیر، چرا Promise در Server Component ساخته شده و به Comments داده می‌شود، نه اینکه داخل خود Comments ساخته شود؟

// Page.js (Server Component)
const commentsPromise = getComments(id);

return (
  <Suspense fallback={<p>در حال بارگذاری...</p>}>
    <Comments commentsPromise={commentsPromise} />
  </Suspense>
);

// Comments.js ("use client")
const comments = use(commentsPromise);

کدام جمله درباره نقش Framework در Server Components درست است؟