Q4. [入門] 天瓏書籍搜尋器

[RaphaHsu]

Q4 情境模擬常見的清單顯示，加上搜尋功能，算是改用 React 做基本 CRUD 的練習

需求

路過的 PTT 鄉民熱心提供 好想天瓏書單API，資料太多不方便一一瀏覽，請發揮你的創意做個快搜 App，不限形式、樣式 (Search Page, Browser Extension, etc.)

• 完成書單列表

提示

• 倘若不看下面提示，根據需求，你會怎麼設計？
• 該在什麼時間點抓 API 資料？
• 可透過 fetch 或 axios 等 XHR 套件發 AJAX
• 書單列表可參考 React - Main Concept 5, 7, 8
• 搜尋可參考 React - Main Concept 6, 9

溝通方式

• 對此 Issue 有疑問，直接 Comment
• 發 PR 遞交成品

加分題

• 完成書單搜尋
• 調個你認為好用的 UI

預計時間

15 hr

[dwatow]

問問題!!

在 class Component 的 constructor 中
對 state 進行初始化時，必須要替代它，不可以增加 property
是因為 state 要 immutable 嗎？

constructor 初始化方式

    this.state.updateAt = 0;
    this.state.books = [];

錯誤訊息

Uncaught TypeError: Cannot set property 'updateAt' of undefined

[dwatow]

Book 的資料進入 Component
但是初始化並無該資料的結構，都是 property 不存在在 undefined 。
這要在一開始給一個空白的結構嗎？