我正在嘗試創建一個添加到購物車的功能，該功能從頁面中獲取產品并將屬性添加到數組中。我的功能看起來像這樣addToCart({ title, desc, price, image }) {    // This is what is returning undefined     this.setState((state) => ({      cart: [        ...this.state.cart,                {          title,          desc,          price,          image,        },              ],          }));  }我的物品看起來像：<Card key={title}  style={{ width: '18rem'}}>  <Card.Img variant="top" src={imageUrl}width='10rem' height='180rem' />  <Card.Body>    <Card.Title>{title}</Card.Title>    <Card.Text>      {desc} <br />      {price}    </Card.Text>    <Button variant="primary" onClick={e => this.handleAddToCart(e, this.state.items)} >Add to cart</Button>  </Card.Body></Card>我很困惑為什么它要放置一個看起來像這樣的數組0:desc: undefinedimage: undefinedprice: undefinedtitle: undefined這是我在代碼沙盒上的完整代碼： https ://codesandbox.io/s/unruffled-water-2rvjk?file=/src/App.js我提前感謝您抽出時間來幫助我。