Блог

Ниже приведен мой код для приложения

 import React from 'react'
import Wrapper from './Wrapper'
import { useEffect, useState } from 'react'
const Products = () => {
    const [productsAvail, setProducts] = useState([])
    useEffect(()=> {
        fetch('http://localhost:3004/products')
        .then(res => res.json())
        .then((data) => {
            setProducts(data);
            console.log("hi", data);
        })
    }, [])
    return (
        <Wrapper>
           <table>
               <thead>
                   <tr>
                       <th>ID</th>
                       <th>Title</th>
                       <th>Image</th>
                       <th>Actions</th>
                   </tr>
               </thead>
               <tbody>
                  

                       {
                           productsAvail.map(product => {
                             return (
                                 <tr key={product.id}>
                                     <td>{product.title}</td>
                                 </tr>
                             )  
                           })
                       }
                   
               </tbody>
           </table>
        </Wrapper>
    )
}

export default Products
 

Я могу правильно печатать консоли, но каким-то образом это приводит к следующей ошибке:

Не удалось скомпилировать, Не удается прочитать свойство » тип » неопределенного значения, возникшее во время компоновки E:practisemypractisereactmyappsrcadmincomponentsProducts.js:4