React Native 重新加载页面

Question

所以我有一个带有活动的应用程序。该应用程序会在开始时检查 Internet 连接。如果没有 Internet 连接，它将显示一个带有刷新页面按钮的屏幕。问题是我的 API 调用（Axios）位于 componentDidMount() 在第一次渲染后只调用一次。有什么办法可以重新加载页面，让它再次调用 componentDidMount ？

我的意思是完全刷新。我正在使用 EXPO 顺便说一句。任何帮助表示赞赏。抱歉没有例子，如果可能的话我只是想了解一下

原文由 Kevin Gozali 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

class MyScreen extends Component {
    constructor(props) {
        super(props)
        this.state = {
            lastRefresh: Date(Date.now()).toString(),
        }
        this.refreshScreen = this.refreshScreen.bind(this)
    }

    refreshScreen() {
        this.setState({ lastRefresh: Date(Date.now()).toString() })
    }

    render() {
        return (
            <View>
                <Text>My Screen</Text>
                <Text>Last Refresh: {this.state.lastRefresh}</Text>
                <Button onPress={this.refreshScreen} title="Refresh Screen" />
            </View>
        )
    }
}

// also put in main View Date(Date.now())

原文由 Shivo‘ham 0 发布，翻译遵循 CC BY-SA 4.0 许可协议