React Native - this.props ist Null in einer Szene in einer anderen Datei

Question

Ich bin ein Neuling zu Reagieren Native und spielte mit Navigator, wenn ich dieses Problem.

Das ist meine Hauptklasse in Datei A:

class SweetSpotClient_Proto extends Component { 
    render() { 
    return (
     <Navigator 
     initialRoute={{ test: CategoryScene }} 
     renderScene={this.renderScene.bind(this)}/> 
    ); 
    } 

    renderScene(route, navigator) { 
    return <CategoryScene test={route.test}/> 
    } 
} 

Und das ist meine Szene in Datei B:

export default class CategoryScene extends Component { 
    render() { 
    ... 
    var testArr = {... } ; 
     testArr.forEach(function(testEl) { 
    var test = this.props.test; 
    }); 
    } 
} 

Aus irgendeinem Grund in CategoryScene, dies. Requisiten ist Null so kann ich nicht auf this.props.test zugreifen.

Mache ich etwas falsch?

Answer 1

Ich denke, es muss mit passProps gesendet werden.

Zum Beispiel

return <CategoryScene test={route.passProps}/>

Check-out Navigating like a Pro

Es hat mir sehr geholfen in meinem Projekt.