Question

我正在使用React来构建前端，并试图显示一系列产品。

每当我运行代码时，都会得到未定义的map类型错误。

我以为我已经使用它声明了它。

const productList = useSelector(state => state.productList);
const {products, loading, error} = productList;



  return loading ? <div>Loading...</div>:
  error ? <div>{error}</div>:
     <ul class = "products">
    { products.map(product =>
          <li key={product._id}>
            <div className="product">
            <Link to={'/product/' + product._id}>
            <img className="product-image" src={product.image} alt="Monkey light"/>
            </Link>
               <div className="product-heading">
                <Link to={'/product/' + product._id}>{product.name}</Link>
                </div>
               <div className="product-brand">{product.brand}</div>
               <div className="product-price">{product.price}</div>
               <div className="product-rating">{product.rating} {product.numReviews}</div>
              </div>
          </li>
       )}
    </ul>
    }

productList在函数中定义。

Answer 1

您正试图引用您的javascript类对象（产品），但没有'this'关键字来指示您将其从对象中拉出。试试这个

public MultipleConstructors() {}

×获得TypeError：无法读取未定义的属性“ map”

1 个答案: