caszl-next/app/(articles)/announcements/[articleId]/page.tsx

import { articleDetail } from "@/app/_services/articles";
import ArticleRender from "@/app/_components/ArticleRender";
import ArticleWithBreadcrumb from "@/app/_components/ArticleWithBreadcrumb";

export default async function Article({
  params,
}: {
  params: {
    articleId: string;
  };
}) {
  const data = await articleDetail({ id: params.articleId });
  return (
    <ArticleWithBreadcrumb
      breadcrumb={[
        { title: "首页", href: "/" },
        { title: "公告通知", href: "/announcements/pages/1" },
        { title: data.title, href: `/announcements/${data.id}` },
      ]}
    >
      <ArticleRender article={data} />
    </ArticleWithBreadcrumb>
  );
}