反应：未处理的拒绝（TypeError）：无法读取未定义的属性（读取“错误”）

Question

这是我的 Home.js 代码，它给我一个关于未定义属性的错误（读取“错误”）。 任何人都可以为此提出解决方案吗？

这是 Home.js 中的代码

import React from 'react'
import  {useState , useEffect} from 'react'
import {getProducts} from "./helper.js/coreapicalls"

function Home() {

    const [products, setProducts] = useState([]);
    const [error, setError] = useState(false);

    const loadAllProducts = () => {
        getProducts()
        .then((data) => {
            if (data.error) {
            setError(data.error);
            console.log(error);
            } else {
            setProducts(data);
            }
        });
    };

    useEffect(() => {
        loadAllProducts();
    });

    return (
        <div>
            <h1>Home component</h1>
            <div className = "row">
                {products.map((product , index)=>{
                    return(
                        <div key = {index}>
                            <h1>{product.name}</h1>
                        </div>
                    )
                })}
            </div>
        </div>
    )
}

export default Home

×未处理的拒绝（类型错误）：无法读取未定义的属性（读取“错误”）

  10 | const loadAllProducts = () => {
  11 |     getProducts()
  12 |     .then((data) => {
> 13 |         if (data.error) {
     | ^  14 |         setError(data.error);
  15 |         console.log(error);
  16 |         } else {

Answer 1

您的data可能是不确定的，因此读error财产上的undefined失败，在第13行if (data.error)