は、私は次のコードスニペットを持つダイナミックキー

Question

とSETSTATEを反応させます。

これは初期状態です。

this.state = { 
     heading: this.props.match.params.length > 1 ? "Edit Post" : "Create Post", 
     title: '', 
     category: '', 
     body: '', 
     author: '' 
    } 

Answer 1

基本的なルールは次のとおりです。

我々はComputed property names概念を使用して、動的オブジェクトのプロパティ名を計算するために、任意のJS表現を使用することができます。そのためには、式を[]に入れる必要があります。このよう

：

var obj = { 
 
    [10 * 20 + 1 - 5]: "Hello" 
 
}; 
 

 
console.log('obj = ', obj);

ソリューション：

onChange(e) { 
    this.setState({ 
     [e.target.id]: e.target.value 
    }) 
} 

：は

あなたが投稿したコードを1として、あなたはこのように、[]内e.target.idを配置する必要があります

それとも、私たちはこのように、setState関数にそのオブジェクトを渡し、その後、最初にそのオブジェクトを作成することができます。

onChange(e) { 
    let obj = {}; 
    obj[e.target.id] = e.target.value 
    this.setState(obj); 
} 

また、あなたがprevStateは必要ありません。状態変数を新しい値で直接更新することができます。 prevStateは、カウンタの場合と同様に、新しい状態値が以前の状態値に依存する場合にのみ必要です。