Как отобразить все элементы из API в React JS? ⇐ Html

[Anonymous]

Ниже мой код, в этом я хочу добавить код для отображения всех продуктов с его изображением из API, как я могу это сделать? Пожалуйста, помогите? < /P>
import React, {useState, useEffect} from 'react'
import "bootstrap/dist/css/bootstrap.min.css"
import Axios from "axios"

function Products() {

const [products, setProducts] = useState({});

const fetchProducts = async () => {
const {data} = await Axios.get('https://api.test.ts/demo/test');
const products= data
setProducts(products);
};

useEffect(() => {

fetchProducts()

}, []);

return(

Want to Display list of products from API

)

}

export default Products;


Подробнее здесь: https://stackoverflow.com/questions/650 ... n-react-js