我是 Node.js 的新手，所以如果這很簡單，我深表歉意。我一直在嘗試將資料從運行 Express 的 Node.js Api 提取到帶有 Axios 的 React 組件中。我嘗試了許多不同的方法，并尋找了一個沒有運氣的解決方案。我無法訪問 Id 和 ProductName
JSON 資料
{"Results":
[
{"id":4,"productName":"Flap Disc"}, {"id":5,"productName":"Fiber Disc"}
]
}
無論出于何種原因，我都無法訪問這些物件中的資料。
代碼
export default function Parent () {
const [products, setProducts] = React.useState('');
const url = 'http://localhost:3040/';
React.useEffect(()=>{
async function getProduct(){
const response = await axios.get(`${url}`);
const a = (response.data.Results)
setProducts(a.map((item)=>
{item}
))
}
getProduct()
}, [])
return(
<div>
{
console.log(products)
}
</div>
)
}
uj5u.com熱心網友回復：
在 JSX 中注銷不會做任何事情。您要做的是映射資料并將其顯示為組件。將您的回報更改為更像這樣的東西
return (
<div>
{products?.map((product) => <p>{product.name}<p>)
</div>
)您還應該將產品的默認值從空字串更改為空陣列
const [products, setProducts] = React.useState([])
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/396150.html