所以我有一個陣列
const products = [{
name: "14K bracelet",
id: "1",
description: "Beautfull 14K gold Bracelet",
price: 100.00,
}]
我試圖做到這一點，每當有人按下這個按鈕
<Button className="btn btn-primary btn-rings" href="#" onClick={() => cart}>Add To Cart</Button>
，它被添加到這個陣列/狀態
const [cart, setCart] = useState([])
有誰知道我會怎么做
還有我如何才能讓購物車中顯示的內容顯示在此處
{products.map((products) => <h1 key={products.id} className="price>{"$" products.price}</h1>)}
uj5u.com熱心網友回復：
每當您單擊按鈕時，您都需要使用上面定義的 useState 掛鉤設定狀態。希望這能解決你的問題
<Button className="btn btn-primary btn-rings" href="#" onClick={() => setCart(products )}>Add To Cart</Button>
uj5u.com熱心網友回復：
我假設您正在使用.map()渲染產品。您只需將產品添加到您的專案串列中。
{
{ products.map(product => (
<Button key={product.id} onClick={() => setCart(cart => [product, ...cart])}>
Add To Cart
</Button>
))}
}
您可能還應該更熟悉狀態掛鉤：https ://reactjs.org/docs/hooks-state.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/418768.html
標籤：