我想將我的 Checkout-Cart 物件存盤在 React 變數中。我嘗試使用 useState 組件，但沒有奏效。
這是我從 NodeJs 后端獲得的物件：`
[
{
product_uuid: '3bef830f-a06d-4562-8793-bb94f725226a',
product_quantity: 1,
product_name: 'Example Product',
product_price: 30,
product_img: ''
}
]
這是我關于如何存盤它的代碼：
var cart=[{}];
useEffect(() => {
Axios.post("http://localhost:3001/products/getCart", {
}).then((response) => {
if(response.data.error){
}else{
cart = response.data.finished_cart;
console.log(response.data.finished_cart)
}
console.log(cart)
});
}, []);
當我在這部分代碼中記錄購物車時，一切正常，我存盤了我的物件，但是當我想在 jsx 部分訪問它時，它是未定義的：
return (
<div>
{console.log(cart)}
</div>
)
我也嘗試使用這種方法存盤購物車，但這不起作用：
//Method 1
const[cart,setCart]=useState([{}]);
//Method 2
const[cart,setCart]=useState([{product_uuid:0,product_quantity:0,product_name:"",product_price:0,product_img:""}]);
uj5u.com熱心網友回復：
useState方向就是要走的路。獲取購物車結果后，您應該使用該setCart功能更新您的狀態，這將使用新的購物車值重新渲染您的組件
setCart(response.data.finished_cart);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/525308.html
下一篇：無法在GraphQL背景關系中找到Prisma客戶端。請在`context[\"customPrisma\"]`鍵下提供它