React中如何實現雙向資料繫結

時間 2021-05-31 17:14:30

1樓:Houfeng

可以試試 Mota,它能給 React 帶來類似 ng、vue 的雙向繫結的能力

侯鋒:在 React 工程中利用 Mota 編寫物件導向的業務模型

2樓:

import

React

,from

'react'

class

Hello

extends

Component

}handleInput

=_event

=>}render

()is

twoWay

=/>

)}

}export

default

Hello

;我們把state這個名字換一下:

import

React

,from

'react'

class

Hello

extends

Component

}handleInput

=_event

=>}render

()data

-twoway

="value"

/>)}

}export

default

Hello

;而常見的MVVM是這麼實現的:

let vmdata: "",

get datareturn this._dataset data(valuethis._data = value

notify() // 通知View層更新資料}

}MVVM雙向繫結工業界用了十年,現在跳出來一群人說雙向繫結不好,狀態容易亂,我們要單向資料流云云,然後大喊xx才雙向繫結

且不說這些人明白不明白MVVM的精髓,MVVM雙向繫結的重量級應用比這些人打過的嘴炮都多,到底誰才是xx?

3樓:Ahonn

reactjs.cn/react/docs/thinking-in-react.html最後面的新增反向資料流

react不實現雙向繫結的原因是什麼呢,提高使用者動手能力?

COLDHOVER 雙向或者單向,只是實現某些功能的方式或者理念,React完全可以以雙向的方式去處理元件之間的互動邏輯Vue等也完全可以用單向的資料流維護整個應用的狀態變化.何必拘泥糾結. react強調乙個重要的概念就是資料的不可寫,唯讀資料,state就是這樣的概念,只留了乙個setstate...

react中你們都是通過什麼方式實現動畫的?

提供乙個學習資源 http www.React 動畫效果實現。傳統 web 動畫的兩種方式 1.CSS3 2.JS 使用 setInterval setTimeout requestAnimationFrame 不斷地修改 DOM 的 style 屬性產生動畫效果 對應到 react 中 1.CSS...

請問異地多活的實現中,怎麼實現資料同步和保證資料一致性?

Bob架構師之路 異地多活容災方案中,最重要的乙個要點就是這多地的實際光纖距離。注意不是地理距離,也不是直線距離,而是光纖距離。因為由於線路鋪設的問題,兩個資料中心之間的實際光纖距離要大於地理距離,甚至要遠遠大於地理距離。這就會導致乙個問題 乙個IO從生產中心同步到異地容災中心,資料在光纖裡跑一圈 ...

其他用戶還看了: