差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

Both sides previous revision 前次修改
web:reactjs:react_hook:usestate [2019/02/24 22:09]
tony
web:reactjs:react_hook:usestate [2019/12/30 22:09] (目前版本)
tony
行 2: 行 2:
 ====== React Hook - useState ====== ====== React Hook - useState ======
 ===== Introduction ===== ===== Introduction =====
-我研究React到現在,我認為React是基於state去決定UI該怎麼呈現。在2018年React提出了Hook,賦予了Function Component擁有了React State的概念。我以大家最常使用的Counter範例,來分享用法。一個Counter UI,它透過div顯示次數,透過點擊button去增加次數;在使用React Component的寫法時,程式碼如下,你必須透過this.state宣告member,而透過setState告知React狀態的改變:​+我研究React到現在,我認為React是基於state去決定UI該怎麼呈現。在2018年React提出了Hook,賦予了Function Component擁有了React State的概念。我以大家最常使用的Counter範例,來分享用法。一個Counter UI,它透過div顯示次數,透過點擊button去增加次數;在使用React Component的寫法時,程式碼如下,你必須透過this.state宣告member,而透過setState告知React狀態的改變:​
 <code javascript>​ <code javascript>​
 import React, { Component } from "​react"​ import React, { Component } from "​react"​