react如何通知數據？

雙向綁定功能是在項目中比較常見的一個需求，傳統的js實現方式是添加監聽函數的方式，Vue框架實現很簡單，因為它本身就是基于雙向綁定實現的，接下來我將講解一下如何使用react實現雙向綁定的功能是

首先了解一下status:state是React中組件的一個對象.React把用戶界面當做是狀態機,想象它有不同的狀態然后渲染這些狀態,可以輕松讓用戶界面與數據保持一致.React中,更新組件的state,會導致重新渲染用戶界面(不要操作DOM).簡單來說,就是用戶界面會隨著state變化而變化,常用的通知React數據變化的方法是調用setState(data,callback).這個方法會合并data到this.state,并重新渲染組件

接下來我們就可以基于state實現react的雙向綁定功能了。首先，在input框（或其他組件）上綁定一個監聽函數（例如：onchange={this.change.bind(this)}）,觸發監聽函數后

change(value){ this.setState({ name:value }) }

這樣就會改變state,重新渲染，這樣就會實現雙向綁定的效果了