次の2つのsetStateの違いは何ですか

Question

次の2つのタイプの設定状態の動作に混乱があります。どちらのタイプも詳しく教えてください。ここでは2

testFunction2(value){ 
    this.setState({value}); 
} 

タイプ1

testFunction1(val){ 
    this.setState({value : val}); 
} 

タイプ、事前に

this.state={value:[]}; 

感謝。彼らは実際には同じsetStateだ

Answer 1

は、第二1は、ちょうど変数名は、プロパティ名となるようなES6のshorthand property namesを使用し、変数の値は、プロパティの値になります：だからこの

var a = "foo", b = 42, c = {}; 
var o = { a, b, c }; // o => { a: "foo", b: 42, c: {} } 

：

testFunction2(value){ 
    this.setState({value}); 
} 

はこれに変換されます。

testFunction2(value){ 
    this.setState({ value: value }); 
}