React handleChange syntax

Question

私のリアクションコードにはhandleChange関数がありますが、私は構文について疑問に思っています。

handleChange: function(event){ 

    var newState = {};    
     newState[event.target.id] = event.target.value; 
    this.setState(newState); 
}, 

var newStateは空のオブジェクトであり、それは空のオブジェクトに次のアレイ（[ ]）に置かれていますようにevent.target.idに見える場合は、配列への次のオブジェクトを置いたときに私の質問は、何が起こるのか？私もこれを正しく読んでいますか？

Answer 1

私は正しくこれを読んでいますか？

いいえこれはオブジェクト用の標準bracket notationアクセスです。

event.target.idが「a」の場合、オブジェクトは{a: event.target.value}のようになります。

Answer 2

someobject[...]の構文はsomeobject.somepropertyです。アクセスするプロパティの名前は大括弧内の式の値ですが、someobject.somepropertyと同じです。

たとえば、特定のコールでevent.target.idの値がである場合、handleChange()メソッドはthis.setState({name: event.target.value})に相当します。

Answer 3

したがって、上記のコードで

newStateは空のオブジェクトであり、我々は

handleChange: function(event){ 

    var newState = {};    
     newState[event.target.id] = event.target.value; 
    this.setState(newState); 
}, 

をすれば、我々はどのオブジェクト属性に値event.target.valueをassigingされるようnewState[event.target.id]は、obejctパラメータにアクセスする方法であります既に存在しない場合はevent.target.idです。したがって、event.target.idが"name"であり、event.target.valueが"Mike"であるとします。 newStateは

になります

newState = { 
    name: "Mike" 
}