Попытка получить список продуктов из JSON, а затем отображать его на странице в компоненте React. Но не понимаю, что не ⇐ Html

[Anonymous]

import { useState, useEffect } from "react";

function GoodsList(props) {
const [products, setProducts] = useState(null);
const goods = props.goods;
let productCards = [];

fetch('products.json').then(async response => {
setProducts(await response.json());
})

let content;
useEffect(() => {
if (products != null) {
for (let x = 0; x < products[goods].length; x++) {
productCards.push(



{products[goods[x].name]}

)
}
content = (

{productCards}

);
console.log(productCards);
}
}
)
return content;
}

< /code>
Первоначально я положил возврат JSX в функцию использования, но это вызвало ошибку. Теперь он просто ничего не возвращает без каких -либо ошибок в консоли, но консоль. Внутри использования результатов на неопределенный срок на неопределенный срок.

Подробнее здесь: https://stackoverflow.com/questions/760 ... he-page-in