前言 首先我們先將原本按鈕改點擊顯示資料的功能，首現在 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
前言 這個範例是在 Person 這個元件中新增一個 input 標籤並使用 onChange 監聽事件並呼叫 nameChange 函式，你可以發現該函式有個傳入值叫 event 此外要取得裡面的值為 event.target.value ，最後觸發此事件直接 this.nameChange 就行了。
本文你將會學到 joi + dotenv 建立資料庫全域變數 使用 mysql 建立 Connection Pool(連線池) 測試 API 是否與資料庫連線成功
本章節會學到 了解與建立 dotenv 環境參數 了解 joi 功用與建立 joi + dotenv 改寫 config.js 建立全域變數