caszl-next/app/(articles)/branch-life-sketch/[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: "/branch-life-sketch/pages/1" },
        { title: data.title, href: `/branch-life-sketch/${data.id}` },
      ]}
    >
      <ArticleRender article={data} />
    </ArticleWithBreadcrumb>
  );
}