前言 Alerts 元件可以用在訊息反饋會是資訊呈現的彈跳視窗，若想了解更多可以觀看官方的說明文件，裡面有更詳細的解說。
本文你將會學到 如何修改資料庫一筆用戶資料 如何刪除資料庫一筆用戶資料 使用Postman測試PUT與DELETE
本文你將會學到 開始使用 Bootstrap4.0 布局頁面：Container
前言 首先我們先將原本按鈕改點擊顯示資料的功能，首現在 state 新增一個 showPerson: false 的參數，當 button 點擊變為 true，但顯示隱藏要如何實作呢？接著就把腦筋動到 JSX 身上顯示資料的部分是 <Person> 將這些元件用一個 <div> 包起來接著就用判斷式判斷囉假如 showPerson 為真就顯示資料假就隱藏，以下有兩種方法來實作第一種是跟 JSX 寫在一起，第二種是由外部判斷並存入變數再經由變數將資料塞進去。
本文你將會學到 如何新增一筆用戶資料 如何修改資料庫一筆用戶資料 使用Postman測試POST與GET
兩種套用CSS方法 React 有兩種方法將 CSS 套用，一種是外部新增一個 CSS 檔再引入，另一個作法是在標籤內撰寫 inline sttyle，下列範例我將子元件 Person.js 使用外部 CSS 引入方式而 App.js 內的 <button> 按鈕則使用 inline sttyle 方法實作。
本文你將會學到 如何修改資料庫一筆文章資料 如何刪除資料庫一筆文章資料 使用Postman測試PUT與DELETE
本文你將會學到 如何新增一筆文章資料 如何修改資料庫一筆文章資料 使用Postman測試POST與GET
第15屆iT邦幫忙鐵人賽 AI & Data 組 [佳作]
第13屆iT邦幫忙鐵人賽 AI & Data 組
第12屆iT邦幫忙鐵人賽 影片教學組 [優選]