（同じクラスの）別のプロパティに応じて、どのように状態プロパティについて調べますか？

Question

は

私は例えば、別のプロパティに依存コンポーネントの状態の性質にアプローチすべきか疑問：

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

基本的に、私は私がsetStateを通じてmainPropertyを変更するとdependingOnMainPropertyが自動的に更新されるようにしたいと思います。そのための関数を書くべきか、それとも他の解決策がありますか？

Answer 1

ゲッターとセッターは次のようにすることができます。

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);