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

【问题标题】：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();
}

【讨论】：