# 前端交接

/dist/images : 圖片存放

/api
其他檔案 call 裡面的 function
存放與後端互動的API function call定義
POST 包 data 傳給後端(JSON)

### 檔案說明
* Storage.jsx => 倉儲管理首頁
* StorageTable.jsx => 所有的表格
* StorageTablePage.jsx => more 後的頁面(類似 Storage.jsx)
* StorageTableHeader.jsx => 篩選頁面顯示
StorageTableHeader => 倉儲管理
* StorageCard.jsx => 最後一層含銷售數據的頁面
* CategoryCard.jsx => 已刪除 原為倉儲首頁的類別資料
* TableHeader.jsx => ProductList

### React 語法
- {} ?: if else
- {} => for loop
- state 要用 setState
- props 是外部(parent)傳入參數
- React 的精髓：根據 state, props 有變化而重新跑 render 的內容

### 全域變數 Redux
- token: user_token 金鑰
- table: table header, 與內容。每頁都會用到同一張 table
- option: 記錄表頭篩選的選項
- filter: 根據頁面篩選的方式, 存取tag/status...etc 的模式 (記錄上次call的api, 更改filter才能重call)
ex: 標註"加黑"tag的資料, 庫存量正常的資料...etc****

### 其他

.js ${} 可以加在字串中的變數
api 需要在 jsx 最上面定義 連結到 /api 裡面的 function
chart 互動為 call function 回傳狀態，再透過 API 回傳要顯示的資料
Redux
state 可以設定 global 的 props 就不用一直call