Question

我尝试将搜索栏组件导入我的容器，但onSearch功能不起作用。它返回一个错误＆＃39; undefined不是一个对象（评估＆＃39; this.props.navigation.navigate＆＃39;）。我错过了什么？

在我的容器中，我有：

import SearchBar from '../Components/SearchBar'

并且我在渲染函数中有

<SearchBar />

在SearchBar.js中：

  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

需要在其中添加{... this.props}来传递道具。

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

使用props.navigation导入搜索栏组件

1 个答案: