2016-02-22 38 views
0

說我有這樣的記載:如何綁定嵌套對象,形成reactjs

var project={ 
    manager:{ 
     id:1, 
     name:"John" 
    }, 
    name:"create ...", 
    workers:[ 
     {name:'x',social_id:'xxx',age:11}, 
     {name:'x',social_id:'xxx',age:12} 
    ] 
}; 

我想從這樣的編輯這個objec在:

enter image description here

我知道我可以通過props將數據綁定到表單,但是我想知道如何收集更新的數據並將它們發送到服務器?

順便說一下,服務器在創建或更新對象時接受application/json content-type。

回答

0

簡短的回答:

  • 存儲所有項目信息(包括嵌套工人信息)的狀態在一頂<Project>組件。
  • 在您的<Project>組件中定義一個handleChange(worker)處理程序,它將一個工作記錄作爲參數,並相應地更新狀態。
  • 定義<Worker>分量,即需要從項目狀態道具)工人的信息,和b)作爲<Project>
  • 在工人部件限定的this.handleChange方法,對每個輸入項目
  • 的變化添加處理程序
  • 每當工人中的輸入項目發生更改時,請在父<Project>組件上調用this.props. handleChange(worker)