差異處
這裏顯示兩個版本的差異處。
| Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
|
web:reactjs:react_hook:usestate [2019/02/24 22:09] tony |
web:reactjs:react_hook:usestate [2023/06/25 09:48] (目前版本) |
||
|---|---|---|---|
| 行 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" | ||
