在react导航中未定义参数

Question

我的代码工作正常，直到我安装了"@react-navigation/native"："^5.1.3"，"@react-navigation/stack"："^5.2.8“。前面我用的是“react导航”："^4.2.2"，"react-navigation-stack"："^2.2.3“包。App.js：

 <Stack.Screen name="HomeRT" component={Home} />
 <Stack.Screen name="BlogDetailsRT", component={BlogDetails}/>

我的package.json包含：

 "@react-navigation/native": "^5.1.3",
"@react-navigation/stack": "^5.2.8",
 "react-navigation": "^4.2.2",
"react-navigation-stack": "^2.2.3"

Home.js：

 <Text style={styles.TextStyle} onPress={() => this.props.navigation.navigate('BlogDetailsRT', { id:blog_id })}>{blogname}</Text>

BlogDetails.js：

  constructor(props) {
    super(props);
    this.state = {
        blog_id: this.props.navigation.state.params.id
    };

此处显示错误消息"TypeError: Cannot read property 'params‘of undefined“。

Answer 1

尝试下面的代码

state = {
   search: this.props.navigation.getParam("searchText", "")
};