Inhalt des Textelements ändern React

Question

Das scheint so einfach zu sein, aber ich kann es nicht herausfinden, und es scheint nirgendwo dokumentiert zu sein. Ich habe ein Textelement in meiner Reaktionsseite

<Text ref="WarningText" 
        style={loginStyle.warningLabel}>{this.warningText}</Text> 

Und ich möchte den Inhalt dieses Textelements ändern. Das Ändern von this.warningText hilft nicht, ruft auch nicht this.refs.WarningText.setNativeProps({text: text}); auf oder ändert irgendeinen anderen Propnamen, den ich mir vorstellen könnte.

Jede Hilfe wäre großartig, danke.

Answer 1

Besser, Zustand anstelle von refs oder irgendetwas anderes zu verwenden. Das ist Reacts Design-Muster.

<Text style={loginStyle.warningLabel}>{this.state.warningText}</Text> 

und in Ihrem Fall können Sie den Text ändern, indem Sie den Zustand chnaging und reagieren automatisch aktualisiert Ihren Text.

this.setState({warningText: "some text"}) 

Hier sind einige weitere documentation on setState. Es gibt die meisten Hinweise zur Verwendung und nicht zur Verwendung des Status in Ihren Komponenten.