ネストされた子コンポーネントにナビゲータ参照を渡すにはどうすればよいですか？

ナビゲーション・ドロワー・リスト項目をクリック可能にしたい場合、そのシナリオではナビゲーター・オブジェクトが別のシーンをナビゲートします。メインコンポーネントから子コンポーネントにナビゲータ参照を渡すにはどうすればよいですか？メインコンポーネントの私の子コンポーネントはListViewとListItemsです。どんな提案も役に立ちます。ネストされた子コンポーネントにナビゲータ参照を渡すにはどうすればよいですか？

出典

2016-05-19 Chiranjhivi Ghimire

他の小道具と同じように、それを渡すことができます。もしそうなら、私はRoutedComponentでちょうどダウンそれ小道具を通じて子コンポーネントだとナビゲーターを渡し、...あなたはルーティングコンポーネントまでnavigatorを渡している

<Navigator 
 
    ref='Navigator' 
 
    renderScene={(route, navigator) => { 
 
      let RoutedComponent = route.component 
 
      return (
 
       <RoutedComponent navigator={navigator} {...route.props}/> 
 
      ) 
 
    }} 
 
/>

を想定しています。

<MyChildComponent navigator={this.props.navigator}/>

出典

2016-05-19 11:42:20

多くのネストされた子コンポーネントを深く参照できますか？私は上記のようにしていたが、正しい結果を得ることはできない。 –

はい、参照は必要なだけ深く渡され続けます。翻訳で何かが失われている可能性があります。いくつかのサンプルコードを投稿できますか？また、Chromeでデバッグを行い、設定されているものを確認するためにナビゲータにアクセスする 'this.props'の値を調べます。 –

もう一度やり直していただき、ありがとうございます。問題が発生した場合は、私はここに必ずコメントします。再度、感謝します。 –

ネストされた子コンポーネントにナビゲータ参照を渡すにはどうすればよいですか？

答えて

関連する問題