props.navigationで検索バーコンポーネントをインポート

Question

検索バーコンポーネントをコンテナにインポートしようとしていますが、onSearch関数が機能しません。 'undefinedはオブジェクトではありません（' this.props.navigation.navigate 'を評価しています）というエラーを返します。私は何が欠けていますか？私の容器に

、私が持っている：

import SearchBar from '../Components/SearchBar' 

とレンダリング機能内部の私はSearchBar.jsで

<SearchBar /> 

を持っている：

{追加する必要

onSearch(terms) { 
     console.log(terms); 
     this.props.navigation.navigate('ProductsGrid', {searchTerms: terms}) 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <TextInput 
      ref='searchText' 
      value={this.props.searchTerm} 
      onSubmitEditing={(event) => this.onSearch(event.nativeEvent.text)} 
      returnKeyType={'search'} 
      autoCorrect={false} 
     /> 
     </View> 
    ) 
    } 

Answer 1

.. 。この.props}の中に小道具を渡す。

<SearchBar {...this.props} />