昨天分享如何從API伺服器透過axios發送API請求得到資料顯示在FlatList中

今天緊接著介紹如何讓使用者將餐點放進購物車

流程

1.找到每一筆餐點的按鈕並撰寫監聽函式

• 首先，針對每個餐點的"加入購物車"按鈕綁定一個監聽事件，當使用者點擊按鈕時，會觸發一個函式來處理後續操作。
  2.準備符合資料物件格式的資料
• 當按鈕被點擊時，你需要構建一個包含餐點資訊的資料物件，以便後續發送給API。資料物件包含了餐點的ID、名稱、訂單類型、價格等信息。
• 其中，餐點的id屬性使用JavaScript內建的Math.random() 函式生成一個唯一ID，這樣可以保證每個餐點在購物車中的唯一性。
  3.將資料送到API請求
• 透過axios發送一個POST請求，將前一步準備好的資料物件傳遞給後端伺服器（json-server）。伺服器會接收並處理這筆資料，然後將其儲存到購物車資料庫中。

  const data = {
    id: Math.random().toString(36).substr(2, 9),
    M_Name: item.name,   
    M_DT: new Date().toISOString(),   
    M_ImgSrc: item.image,   
    OrderType: item.orderType,   
    CIdx: item.categoryId, 
    Price: item.price   
  };