前幾天規劃使用者介面如何呈現，接下來該煩惱的是，APP上的資料從何而來？該寫hard code在前端？還是找台伺服器寫後端部署API Service？

在初期階段，僅是想將想法實現，若要配置伺服器部署可能會花上至少一天的精力，不如先將門檻降低。我的方式是在專案資料夾內創建一個 data 目錄，並新增 XX.json 來創建假資料，再由程式碼讀取這些資料。

例如: 購物車創建一組陣列資料

[
  {
    "id": 1,
    "foodName": "點心小拼盤",
    "foodPrice": 250,
    "description": "套餐加價  ",
    "OriginPrice": 70,
    "foodImage": "",
    "status": "製作中"
  },
  {
    "id": 2,
    "foodName": "拔絲蛋餅+飲料",
    "foodPrice": 250,
    "description": "套餐加價  ",
    "OriginPrice": 70,
    "foodImage": "",
    "status": "製作中"
  },
  {
    "id": 3,
    "foodName": "特製滷肉飯+飲料",
    "description": "套餐加價  ",
    "OriginPrice": 70,
    "foodPrice": 250,
    "foodImage": "burger",
    "status": "已完成"
  },
  {
    "id": 4,
    "foodName": "豬肉滿福堡+飲料",
    "foodPrice": 250,
    "description": "套餐加價 ",
    "OriginPrice": 70,
    "foodImage": "burger",
    "status": "製作中"
  }
]

撰寫程式碼將資料讀進來

import menuData from '../../src/data/cart.json';

使用資料：

menuData?.map((item, index) => (
  <View key={index}>
    //  
  </View>
));

明天來介紹可以更簡便搭建伺服器環境的方式！