沒有互聯網連接時使用緩存的數據獲取-Javascript-React

Question

我有一個Web應用程序，當沒有Internet連接時需要使用緩存的數據。 現在，我可以使用catch塊中的第二個訪存調用使其運行良好，但是我覺得這不是正確的方法。

    fetch(api)
    .then(resp => resp.json())
    .then(json => {
        this.setState({ 
            result: json.Results,
        })
    })
    .catch(e => {
        const options = {
            cache: "force-cache"
        }
        fetch(api, options)
        .then(resp => resp.json())
        .then(json => {
            console.log(`failed to fetch --- using cached data`)
            this.setState({ 
                result: json.Results,
            })
        })
        .catch(e => {
            console.error("Insufficient data")
        })
    })

有沒有更好的方法來解決這個問題？

Answer 1

檢查navigator.onLine是避免任何問題的簡單條件。

https://davidwalsh.name/detecting-online