首頁 > web前端 > 前端問答 > react有沒有雙向綁定

react有沒有雙向綁定

WBOY
發布: 2022-04-21 10:24:31
原創
2772 人瀏覽過

react中沒有雙向綁定;react的設計想法就是單向資料流,沒有雙向綁定的概念;react是view層,單一資料流只能由父元件透過props將資料傳遞給子元件,滿足了view層渲染的要求並且更易測試與控制,所以在react中沒有雙向綁定。

react有沒有雙向綁定

本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。

react有沒有雙向綁定

react沒有雙向綁定

React的設計想法是單向資料流,我覺得可以這樣理解為什麼沒有雙向資料綁定:

首先, React是純粹的View層;

然後,對於React來說雙向資料綁定是什麼需求? -- 明顯是業務需求。因為單向資料流已經滿足了 View 層渲染的要求並且更容易測試與控制(來自 Props 或 State),所以在純粹的 React 中怎麼會需要雙向資料綁定這種功能。

如果需要解決雙向資料綁定問題,可以藉助第三方函式庫如 Ant Design 的 rc-form 之類,你也可以存在 State 裡甚至是 Redux 裡,根據需求來吧。

所以 React 沒有雙向資料綁定不是功能的缺失或衝突問題,而是 React 只專注於解決純粹的問題: View 層。

單向資料流

單向資料流是指資料的流向只能由父元件透過props將資料傳遞給子元件,不能由子元件向父元件傳遞數據,要想實現資料的雙向綁定,只能由子元件接收父元件props傳過來的方法去改變父元件的數據,而不是直接將子元件的資料傳遞給父元件。

在react中其實是沒有雙向綁定的概念,每次更新頁面和值都需要我們自己去呼叫指定的api來觸發,而在vue中只需要使用v-model指令就可以完全實現,在vue中的指令其實也是使用了幾個事件的語法糖來實現。

推薦學習:《react影片教學

以上是react有沒有雙向綁定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板