Zugriff auf Props-Wert innerhalb des Konstruktors

Question

Ich verwende den folgenden Code, um zu versuchen, den Anfangszustand festzulegen, indem ich auf den Props-Wert zugreife. Ich dachte, ich könnte es tun, indem ich auf den (Requisiten) Wert zugreife, aber es scheint leer zu sein.

constructor(props) { 
    super(props); 

    //this.renderRowForMain = this.renderRowForMain.bind(this); 

    this.state = { 
     show: props.showModal, 
    }; 

    } 

wenn ich einfach die folgenden Insider stellt die render() dann scheint es, Laden in Ordnung zu sein.

this.state = { 
      show: this.props.showModal, 
     }; 

Was ich zu tun versuchen, ist zunächst die ShowModal Zustand auf true gesetzt und dann, wenn eine Schaltfläche zum Schließen Änderung des Zustands auf false abgegriffen wird.

Answer 1

Sie sollten den Wert showModal in Ihrer übergeordneten Komponente übergeben. Andernfalls werden die Requisiten props.showModal nicht in Ihrem Konstruktor angezeigt. Zum Beispiel: <MyComponent showModal={true} /> Dann werden Sie in der Lage sein zu sehen: Konstruktor (Requisiten) { Super (Requisiten);

this.state = { 
     show: props.showModal, // true 
    }; 
} 

hoffe, das hilft