Reactjs 如何使用react本机导航传递参数

Index.js

this.props.navigation.navigate（'Product'，{select:1}）}
>
导航
this.props.navigation.push（'Product'，{select:1}）}
>
推

Product.js

componentDidMount（）{
log（this.props.navigation.state.params）；
//导航时，返回null
//推送时，返回对象{“选择”：1}
}

---

从索引导航到产品时，我希望传递一个参数：select

当我使用

navigation.push（）

时，产品会收到参数

---

但是我不想使用推送，因为我不想在这里添加屏幕。

我知道这不是你想要的答案，但我想你可以考虑一下

把Product.js作为Index.js的一部分怎么样？详情如下：

<View>
 { !productVisibilty ? <TouchableOpacity
     onPress={() => this.setState({productVisibality: true})}}
  >
    <Text>navigate</Text>
  </TouchableOpacity>
  <TouchableOpacity
    onPress={() => this.props.navigation.push('Product', { select: 1 })}
  >
    <Text>push</Text>
  </TouchableOpacity>
: <Product />
</View>

{！ProductVisibility？this.setState（{ProductVisibility:true}}}
>
导航
this.props.navigation.push（'Product'，{select:1}）}
>
推
: 

我知道这不是你想要的答案，但我想你可以考虑一下

把Product.js作为Index.js的一部分怎么样？详情如下：

<View>
 { !productVisibilty ? <TouchableOpacity
     onPress={() => this.setState({productVisibality: true})}}
  >
    <Text>navigate</Text>
  </TouchableOpacity>
  <TouchableOpacity
    onPress={() => this.props.navigation.push('Product', { select: 1 })}
  >
    <Text>push</Text>
  </TouchableOpacity>
: <Product />
</View>

{！ProductVisibility？this.setState（{ProductVisibility:true}}}
>
导航
this.props.navigation.push（'Product'，{select:1}）}
>
推
: 

这是否回答了您的问题？这回答了你的问题吗？