|
|
@@ -36,9 +36,14 @@ export default async function OrderDetail({ params }: { params: Params }) {
|
|
|
id: Number(orderId),
|
|
|
},
|
|
|
});
|
|
|
- console.log("父组件 orderDetailData:", orderDetailData.customerOrder);
|
|
|
+ console.log("父组件 orderDetailData:", orderDetailData?.customerOrder);
|
|
|
// const orderData: OrderData = res.body.data;
|
|
|
// console.log("父组件 orderData:", orderData, !!orderData);
|
|
|
+ const customerOrder = orderDetailData?.customerOrder;
|
|
|
+
|
|
|
+ if (!customerOrder) {
|
|
|
+ return <div>Loading / 订单不存在</div>;
|
|
|
+ }
|
|
|
return (
|
|
|
<div className="min-h-screen bg-white">
|
|
|
{/* 顶部固定导航栏(客户端组件:返回按钮) */}
|
|
|
@@ -46,13 +51,13 @@ export default async function OrderDetail({ params }: { params: Params }) {
|
|
|
|
|
|
{/* 商品列表:循环渲染,自动兼容1件或多件商品 */}
|
|
|
<ProductList
|
|
|
- orderData={orderDetailData.customerOrder}
|
|
|
+ orderData={orderDetailData?.customerOrder}
|
|
|
/>
|
|
|
|
|
|
<div className="">
|
|
|
{/* 收货信息、支付信息区块 */}
|
|
|
- <OrderInfoBlock orderData={orderDetailData.customerOrder} />
|
|
|
- <OrderAddressCard orderData={orderDetailData.customerOrder}/>
|
|
|
+ <OrderInfoBlock orderData={orderDetailData?.customerOrder} />
|
|
|
+ <OrderAddressCard orderData={orderDetailData?.customerOrder}/>
|
|
|
{/* 分享按钮区域 */}
|
|
|
<div className="my-6">
|
|
|
<h3 className="text-lg font-bold mb-4">Share order:</h3>
|