Javascript 将导航从功能组件传递到类组件

Javascript 将导航从功能组件传递到类组件,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我有一个功能组件,其中显示了我称为SearchScreen.js的不同组件 我想将导航道具传递给class component classed SearchList我尝试了下面的代码,但由于某些原因,我仍然得到一个未定义的错误: SearchScreen.js: <SearchList navigation={this.props.navigation} /> SearchList.js: <TouchableScale active

我有一个功能组件,其中显示了我称为SearchScreen.js的不同组件 我想将导航道具传递给class component classed SearchList我尝试了下面的代码,但由于某些原因,我仍然得到一个未定义的错误:

SearchScreen.js:

<SearchList navigation={this.props.navigation} />

SearchList.js:

   <TouchableScale
                activeScale={0.9}
                tension={50}
                friction={7}
                useNativeDriver
                onPress={() =>
                  this.props.navigation.navigate("DetailScreen", {
                    data: item,
                  })
                }
              >

this.props.navigation.navigate(“DetailScreen”{
数据:项目:,
})
}
>

在功能组件中,访问道具不需要

因此,在SearchScreen中尝试如下操作:



确保此组件可以访问功能组件中的导航

,您不需要
来访问道具

因此,在SearchScreen中尝试如下操作:



确保此组件可以访问导航

错误的确切来源是什么?有stacktrace吗?错误到底是从哪里来的?任何stacktrace?在功能组件中,您根本不能使用它。在功能组件中,您根本不能使用它。