reagiere setState mit dynamischem Schlüssel

Grundregel lautet:

Wir können das Konzept der berechneten Eigenschaftsnamen verwenden und einen beliebigen js-Ausdruck verwenden , um den Namen der Objekteigenschaft dynamisch zu berechnen. Dafür müssen wir den Ausdruck hineinstecken [].

So was:

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

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

Lösung:

Gemäß dem Code , den Sie geschrieben, müssen Sie setzen e.target.idinnen [], wie folgt aus :

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

Oder wir können dieses Objekt zuerst erstellen und dann wie folgt an die setStateFunktion übergeben:

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

Auch das brauchst du nicht prevState. Sie können die Statusvariable direkt mit einem neuen Wert aktualisieren. prevStateist nur erforderlich, wenn der neue Statuswert vom vorherigen Statuswert abhängt, wie im Fall eines Zählers.