【问题标题】:React Native Navigation Refresh List Screen on back背面的 React Native Navigation 刷新列表屏幕
【发布时间】:2021-05-03 12:04:41
【问题描述】:

背面的 React Native Navigation 刷新列表屏幕:

this.props.navigation.navigate('Order List', {
  order_id: this.state.order_id,
  order_status: this.state.od_status,
})

【问题讨论】:

  • 请提供更可靠的描述和/或更多屏幕代码

标签: reactjs react-native


【解决方案1】:

您想要实现的目标尚不清楚,但如果想要在返回上一个屏幕时修改您的数据列表,您可以简单地使用 useEffect 并在其中修改您的列表。

注意:您的列表必须存储在本地状态,否则在更新列表时屏幕不会重新呈现,您将在屏幕上看到任何变化。

【讨论】:

    【解决方案2】:

    更好地描述问题会有所帮助,但这是基于类的组件的一般解决方案:

    componentDidMount() {
        this._unsubscribe = this.props.navigation.addListener('focus', () => {
            this.loadDataFunction();
        }
    }
    
    componentWillUnmount() {
        this._unsubscribe();
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-04-09
      • 2020-06-29
      • 1970-01-01
      • 2017-12-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多