iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 12
0
影片教學

30 天 30 個範例入門 ReactJS系列 第 12

DAY11 自己的 Component 自己控 - Controlled Component

  • 分享至 

  • xImage
  •  

DAY11 自己的Component自己控 - Controlled Component

Yes

範例程式碼:https://github.com/max80713/react-30-days

有任何問題都可以在 Youtube 影片或是 iT 邦幫忙文章下方留言,我會盡我所知所能回覆:)


上一篇
DAY10 不受控的 Component - Uncontrolled Component
下一篇
DAY12 做一個時鐘 - componentDidMount
系列文
30 天 30 個範例入門 ReactJS31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
imakou
iT邦新手 5 級 ‧ 2018-11-08 07:16:39

您好,

請問受控組件
因為有一個內部方法去更改自己state的value並且用它來render自己的input欄位
這裏算不算是一個雙向綁定呢?

看到官方的解釋說這樣還是單向,可是我的理解這樣做好像是雙向的作法?

https://reactjs.org/docs/forms.html#controlled-components

imakou iT邦新手 5 級 ‧ 2018-11-08 07:26:51 檢舉

這篇文章好像有點解惑。
SSOT不代表單向資料流,看來是我誤解了

https://stackoverflow.com/questions/47182888/what-does-the-single-source-of-truth-mean

谷哥 iT邦新手 3 級 ‧ 2018-11-12 13:55:23 檢舉

單向和雙向綁定,個人覺得比較容易區分的方式是看:當DOM物件的值(例如 input的value)改變時是否需要主動去更新state的值。

  • 單向以React為例,需要設定eventHandler到React元素上
  • 雙向以Vue為例,只需要設定v-model即可

我要留言

立即登入留言