小编mzk*_*mzk的帖子

如何在 React JS 中显示 API 中的所有项目?

下面是我的代码,我想添加代码来显示所有产品及其来自 API 的图像,我该怎么做?请帮忙?

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(
     
     <div>
         Want to Display list of products from API
     </div>
 )

}

export default Products;
Run Code Online (Sandbox Code Playgroud)

html javascript jsx reactjs

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×1

javascript ×1

jsx ×1

reactjs ×1