我試圖從 API 獲取的資料中洗掉一個專案，但每當我嘗試按下洗掉按鈕時，我都會收到此錯誤：
App.js:50 DELETE https://-api.herokuapp.com/api/products/{id} 404 (Not Found)
這是我的代碼：
const deleteProduct = async (id) => {
await fetch(
`https://upayments-studycase-api.herokuapp.com/api/products/{id}`,
{ method: "DELETE" }
);
setProdcts(products.filter((product) => product.id !== id));
};
return(
<div key={product.id}>
<div>
<div>
<FaTimes
onClick={() => onDelete(product.id)}
/>
<p>{product. Price}</p>{" "}
</div>
)
錯誤照片：
代碼在
uj5u.com熱心網友回復：
您$在模板文字中缺少 a ，因此id可以替換該變數：
`https://upayments-studycase-api.herokuapp.com/api/products/${id}`
更多資訊在這里
uj5u.com熱心網友回復：
確保添加“$”作為上述答案，您應該使用backticks`` 作為字串模板，而不是簡單的 '' 或雙引號 ""。
在 stackoverflow 上檢查以下問題：https ://stackoverflow.com/a/53994397/8808725
uj5u.com熱心網友回復：
另一個帶有可見性格式化代碼的回應
const deleteProduct = async (id) => {
await fetch(
`upayments-studycase-api.herokuapp.com/api/products/${id}`,
{ method: "DELETE" }
)
.then(() => {
return setProducts(products.filter(product => product.id !== id))
})
};
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/536359.html
標籤：反应应用程序接口拿来