iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
Modern Web

React Native & Redux 初步探討系列 第 9

Day 09 function ?? class ??

  • 分享至 

  • xImage
  •  

第九天~

昨天我們介紹了 Component

提到了說在 React 裡,建立 Component 有兩種方式

  • functional component
  • class component

那這兩個的差別在哪呢?

class component

  • 可以保存狀態(state)
  • 可以控制 lifecycle
  • 提供 props 參數給外部來影響 component

functional component

  • 提供 props 參數給外部來影響 component
  • 可使用 react hook (v16.8 以上才有)

因為 functional component 因為不會有自己的 state ,所以又稱 stateless component

functional component 的所有的變化以及邏輯都必須透過外部來操作了

當然,在 react hook 出現後,其實就解決了上面這問題

但是那必須是 v 16.8 以上才會有的


上一篇
Day 08 React Component
下一篇
Day 10 state & props -1
系列文
React Native & Redux 初步探討33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言