Wie fügen Sie neue props dynamisch, um die Komponente verwenden von navigator in Reagieren Nativen
In meinem Szenario bin ich die rendering-Komponente verwenden von navigator. In dieser Komponente von der ich einige Aktionen wie speichern Sie die Aufnahme dann habe ich einen neuen prop dynamisch an die vorhandene Komponente. Aber hier die dynamische Stütze ist nicht sichtbar, dass nur Komponente vorherigen Requisiten nur sichtbar. Wie das zu erreichen ist das hinzufügen von dynamischen Requisiten um die Komponente verwenden von navigator.
hier bin ich die Bereitstellung von code während der Verwendung Reagieren Native navigator-ich rufe DisplayCustomSchema Komponente wie unten
this.props.navigator.push({
id: 'DisplayCustomSchema',
name: 'DisplayCustomSchema',
org:this.props.org
});
In DisplayCustomSchema Komponente componentDidMount
rufe ich einen ajax-post es wieder einige Daten.
var DisplayCustomSchema = React.createClass({
componentDidMount : function(){
ajaxpost(data){//example only
this.props.record=data
//here i am try to move response data to props because I am using this data in saveRecord function but in save record props contain name and org only
}
}
render: function(){
<View>
<TouchableHighlight style={styles.touchButtonBorder} underlayColor="#ffa456" onPress={saveRecord.bind(this,this.props)}>
<Text style={styles.button}>SAVE</Text>
</TouchableHighlight>
</View>
}
})
hier meine Frage ist, warum die Daten nicht bewegt, Requisiten
Du musst angemeldet sein, um einen Kommentar abzugeben.
Haben Sie zwei Möglichkeiten
Verwendung eines Frameworks wie redux
Da kann man nicht einstellen, Requisiten benutzen, können Sie diese.setState um die geladenen Daten
Wenn Sie mit redux, können Sie Versand-eine Aktion, die auf die Montage, welche dann ändert sich der store zu gehören, die geladene Requisiten.
Beachten Sie, dass die zweite option wird dringend empfohlen, da mit dem Staat ist ein antipattern.