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

Question

我有一个功能组件，其中我显示了不同的组件，我已经调用了SearchScreen.js，我想将导航属性传递给类为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,
                  })
                }
              >

Answer 1

在功能组件中，你不需要this来访问属性。

因此在SearchScreen中尝试如下所示：

<SearchList navigation={props.navigation} />

请确保此组件有权访问导航