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

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} />

确保此组件可以访问导航