第 9 天 [ Functional Component Class Component ]

我是圈圈
2022-09-23 07:24:01

今天的重點摘錄

1. 以前就有這兩種寫法，只是 React 16.8 之後多了 Hook ，讓 Functional Component 能做的事變多了

2. Class Component 要注意：

State 統一放在 state 物件，取用要加上 this.state

改值要使用 this.setState ，只會替換掉有改變的內容

只要有調用 this.setState 就重新渲染

用 props 傳改變 State 的函式需搭配 .bind(this)

3. 相較之下， Functional Component

比較簡潔

可避免不必要渲染

可避免 this 問題

Github day9