Wie gehst du über State-Eigenschaft in Abhängigkeit von einer anderen Eigenschaft (aus derselben Klasse)?

Question

Ich frage mich, wie soll ich mich wenden Eigenschaften in staatlichen Komponente, die auf eine andere Eigenschaft abhängen, zum Beispiel:

class Sample extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     mainProperty: 1, 
     something: { 
     dependingOnMainProperty: `foo${this.state.mainProperty}bar` 
     } 
    } 
    } 
} 

Grundsätzlich würde Ich mag dependingOnMainProperty automatisch aktualisiert werden, wenn ich mainProperty durch setState ändern. Soll ich dafür eine Funktion schreiben oder gibt es eine andere Lösung?

Answer 1

Sie können mit Gettern und Setter wie folgt tun;

class Component { 
 
    constructor(...props){ 
 
    props.forEach(prop => this[prop] = "whatever"); 
 
    } 
 
} 
 

 
class Sample extends Component { 
 
    constructor(...props) { 
 
    super(...props); 
 
    this.state = { 
 
     something: { 
 
     __mp__: "tester", 
 
     dependingOnMainProperty: `foo${this.mainProperty}bar`, 
 
     get mainProperty(){ 
 
      return this.__mp__; 
 
     }, 
 
     set mainProperty(v){ 
 
      this.__mp__ = v; 
 
      this.dependingOnMainProperty = `foo ${v} bar`; 
 
     } 
 
     } 
 
    }; 
 
    } 
 
} 
 

 
var s = new Sample("a", "b"); 
 
s.state.something.mainProperty = "hello"; 
 
console.log(s.state.something.dependingOnMainProperty);