2016-08-30 4 views
0

Hey Jungs Ich versuche, Requisiten von einer Szene zur anderen I Requisiten auf die gewünschte Szene erreicht haben, passieren vorbei ist dies, wie im Grunde i Szene durch renderScene Datei zu ändern binKann die Daten nicht drucken, nachdem sie reps-native durch Requisiten geschickt wurden?

renderScene (route, navigator) { 
    return React.createElement(route.component, { 
     navigator: navigator, ...route.passProps 
    }) 
    }, 

Dies ist der Code, durch die ich Requisiten

modalButtonPress() { 
    this.props.navigator.push({ 
     component: require('../Containers/blabla').default, 
     passProps: {modalData: this.state.modalData} 
    }); 
} 

und in anderer Datei ist vorbei ich es nenne, mit this.props.modalData und props.modalData gibt mir mit den gleichen Daten

constructor (props) { 
    super(props) 
    this.state = { 
     modalData: props.modalData, 
    } 
} 

während Konsole die Datenaufzeichnung ich die Daten in der Konsole data received through props

sehen kann, aber wenn ich versuche, dass Daten drucken ich nicht alles, was der Bildschirm leer sehe hier ist meine Methode zu machen.

render() { 
    return (
     <View style={{justifyContent: 'flex-start'}}> 
      <H3 style={styles.header}> {this.state.modalData._source.service_name} 
      </H3> 
      <Text style={styles.negativeMargin} > 
       Type: <Text style={styles.bold}>{this.state.modalData._source.service_id}</Text> 
      </Text> 
     </View> 
    ) 
    } 

Kann jemand darauf hinweisen, was ich in dieser falsch mache, warum die Daten nicht machen immer auf screen.I stecke und verwirrt, warum Daten nicht drucken bekommen wird. Danke im Voraus.

+0

versuchen Sie, props.passProps.modalData anstelle von this.props.modalData –

+0

@BurakKarasoy props.passProps.modalData funktioniert nicht, es sagt, kann nicht lesen modalData von undefined. – atif

+0

Verwenden Sie Props, die an Konstruktor übergeben werden, z. B. props.modalData anstelle von this.props.modalData. Kannst du beides loggen und mir zeigen? Kannst du auch etwas mehr Code zeigen, wie wechselst du Szenen und Sachen? –

Antwort

0

Hat console.log(this.state.modalData._source.service_name) Arbeit in Ordnung in Ihrer Render-Methode (um sicherzustellen, dass Sie eine gültige Eigenschaft zugegriffen wird)?

Sind Sie zuversichtlich, Ihr Layout Ihren Text auf den Bildschirm zu können? Keine weiße Schrift auf weißem Hintergrund oder keine Null-Breite-Ansicht? Es passiert viel!

+0

Logging Ich kann die Daten in der Konsole sehen. console.log ("Sie sehen modale Daten", this.state.modalData._source.service_name). Aber ich kann keine Daten sehen, während ich es rendern möchte {this.state.modalData._source.service_name} Ich habe alle Stile entfernt, die noch keine Daten sehen können. – atif

+0

dann haben Sie eher ein Problem mit Ihrem Layout als Ihre Daten. Entfernen aller Stile wird nicht funktionieren/genug sein. Sie müssen einige 'flex: 1' auf der rechten Seite" "setzen, um es wachsen zu lassen. Verwenden Sie den Inspektor: https://facebook.github.io/react-native/docs/debugging.html#accessing-the-in-app-developer-menu –

Verwandte Themen