React Native- this.propsは、別のファイルのシーンでnullです。

Question

React Nativeの初心者です。この問題を遭遇したときにNavigatorで遊んでいました。

これは、ファイル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}/> 
    } 
} 

そして、これは、ファイルBの私のシーンです：

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

何らかの理由で、CategoryScene、これで。小道具はnullなのでthis.props.testにアクセスすることはできません。

何か間違っていますか？

Answer 1

passPropsを使用して送信する必要があると思います。

例えば、

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

Navigating like a Pro

をチェックアウトそれは私のプロジェクトで私をたくさん助けました。