Day 171 (Week24), 2021/09/29 (Wednesday)

學習時數 5 hr

Done

  • [done] [FE302] 留言板實戰

To Do @ this week

  • [ ]   [FE302]
  • [ ]   w21 hw

學習心得紀錄

Objective 客觀

今天跟著實作了留言板實戰,把課程提供的 API 串起來了,跟先前學的一樣,要去考慮到錯誤訊息的問題,從 PHPExpress 就有在練習怎麼去寫錯誤訊息的提示,大概知道有哪些,像是沒有取到 data、沒有順利發出留言等,登入的話就是密碼錯誤、輸入不完整、無此帳號、此帳號已被註冊,如果不太懂的話,可以藉由 catch(err) 的訊息顯示來找。

今天使用課程提供的 API 在發出留言時,會回傳 JSON 的 OK:0 or 1,表示有沒有成功發送,之前跟著教學在做專案的 API 時,也是有使用回傳 message: 0 or 1 來表示有沒有成功,但因為 React 之前落掉進度,所以不知道怎麼樣取 API ,就又轉過頭,回來學習 React,今天總算是簡單的學到怎麼取 API 了,唯一比較複雜的就是錯誤訊息的處理。

在跟著留言板實作時,複習了一下 React,發現有一些地方不太熟,像是在 React 使用 JavaScript 語法時,要使用 {} 包住,今天還新增了一個觀念就是:要以資料的角度去想,像是今天作留言板,要使用 API 取資料,資料要存在哪呢?就要有一個 state 去存資料。另外就是可以善用短路的方式 && 的方式,執行一些事情。

我覺得 .proptypes = {} 的功能還滿像以前學的變數宣告,必須得宣告是integer(整數)、character(字串)、real(實數),然後該變數就只能使用該型態的值。

感受

偶爾會思考一下 todo list 的 filter 篩選要怎麼寫,稍微 google 了一下關鍵字,但還沒研究好。
今天臨時去看中醫跟推拿手腕,一天把看完醫生後要回家洗澡的事情做完!

Decisional 決定行動

明天繼續 FE302、todo list,FE302 看累了,可以來使用 styled component 切切看運動拖延表單!

#API #React #useState







你可能感興趣的文章

目錄-資料屬性注入含設定檔

目錄-資料屬性注入含設定檔

#2 數位電路設計

#2 數位電路設計

NodeJS 與 CommonJS 到 ESM 與 Webpack

NodeJS 與 CommonJS 到 ESM 與 Webpack






留言討論