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,重新渲染，這樣就會實現雙向綁定的效果了