Wie zeigt ich alle Elemente aus einer API in React JS an? ⇐ HTML

[Anonymous]

unten ist mein Code. In diesem möchte ich Code hinzufügen, um alle Produkte mit seinem Bild von einer API anzuzeigen. Wie kann ich das tun? Bitte helfen Sie? < /P>

Code: Select all

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;