React State

React裡面，是由數個Components組成的，某些情況下Component會需要自行管理自己的元件狀態
例如：時間、下拉式選單展開等等
這種情況下，則必須使用到 Component State 來控制。

Component State

• State 表示 component 的狀態， 以 JavaScript object 的形式呈現
• State 由其所屬的 component 來進行維護、控制，而且不會受其他的component影響

為什麼會需要使用 State
Component 需要擁有自己的資料或是狀態時就是使用 State 方法來處理，且根據這些各別State資料，畫面會有顯示不同的結果。

State 跟 Props 的差別是什麼呢

Props：是由父層 component 傳遞資料，接收資料的 Component 不能夠修改 props 的內容，因為 props 是唯讀（read-only） 屬性。
State：由 component 自己建立，State 所屬的 Components 可以自行修改 State 的資料

State 的兩種階段

初始狀態 : state
更新狀態 : setState
Component 中先定義好初始的State狀態，也就是最一開始畫面中所呈現的樣子，之後再進行更新setState時才能夠有最基本的依據。
當初始的 state 需要被改變時，則要去呼叫setState才可進行更新，state 被 setState更新後，React 將會重新觸發 component，渲染對應的 React element，把畫面UI進行更新。

參考資料
https://www.fooish.com/reactjs/state.html
https://zh-hant.reactjs.org/docs/state-and-lifecycle.html