小编32 *_*nka的帖子

类型错误:无法解构“产品”的属性“图像”,因为它为空。教程问题

我正在观看有关 Sanity 的教程,代码似乎一切正常,但有一些我不明白的地方。我检查了我的代码大约六次,但我就是不明白。

这是我得到的错误

这是我的代码:

import React from 'react';

import { client, urlFor } from '../../lib/client';

const ProductDetails = ({ product, products }) => {
  const { image, name, details, price } = product;

  return (
    <div>
      <div className="product-detail-container">
        <div>
          <div className="image-container">
            <img src={urlFor(image && image[0])} />
          </div>
        </div>
    </div>
    </div>
  );
};

export const getStaticPaths = async () => {
  const query = `*[_type == "product"] {
    slug {
      current
    }
  }
  `;

  const products = await client.fetch(query);

  const paths …
Run Code Online (Sandbox Code Playgroud)

e-commerce reactjs next.js

3
推荐指数
1
解决办法
3246
查看次数

标签 统计

e-commerce ×1

next.js ×1

reactjs ×1