javascript - 路线不从导航参数更新状态

Question

所以我有这个显示产品详细信息的屏幕，它像模板一样工作，因为只有来自导航参数的数据发生变化，我遇到问题是因为没有重新加载，返回并再次安装时它工作正常，但不是这里的情况是因为我在同一个屏幕上显示了相关产品，所以我需要一种能够重新加载当前路由或更新状态的方法

我已经检查过 console.log，第二次点击没有显示任何内容

constructor (props) {
  super(props)
  this.state = {
    product: this.props.route.params.product,
    id: this.props.route.params.product.id,
  }
}

导航到我在屏幕本身或另一条路线上使用的路线

viewProduct = (product) => {
  this.props.navigation.navigate('SingleProduct', { product: product })
}

我已经在 componentDidMount 和 UNSAFE_componentWillReceiveProps 中尝试了 setState，但结果仅在额外点击后显示

Answer 1

您可以使用以下函数从 singleProduction 屏幕导航到具有不同参数的同一屏幕。

this.props.navigation.replace('SingleProduct', { product: product })