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

Question

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

搜索屏幕.js：

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

搜索列表.js：

   <TouchableScale

                activeScale={0.9}

                tension={50}

                friction={7}

                useNativeDriver

                onPress={() =>

                  this.props.navigation.navigate("DetailScreen", {

                    data: item,

                  })

                }

              >

Answer 1

在功能组件中，您不需要this访问道具。所以尝试像这样在 SearchScreen 中：<SearchList&nbsp;navigation={props.navigation}&nbsp;/>确保该组件可以访问导航