网络连接检查反应

Question

我的网络很慢，所以我的代码无法正常工作。
当我尝试从本地服务器获取数据时，如果我有良好的连接，我会想到，但如果它是弱连接，我会在网页上遇到一些错误。

TypeError: Cannot read property 'map' of undefined

我想用地图功能写一些我在数据库中的音乐列表，但我收到了这个错误。

所以我想为用户提供更漂亮的这种错误，而不是像这样的错误，也许是一些包或其他东西可以帮助我给我一些建议。

音乐列表显示功能

displayMussics() {
        var data = this.props.data;
        if(data.loading){
            return (
              <Dimmer active inverted>
                <Loader inverted content='Loading' />
              </Dimmer>
            )
        } else {
            return data.mussics.map(mussic => {
                return (
                    <li key={ mussic.id }>{ mussic.name }</li>
                );
            })
        }
    }

Answer 1

也许是一些包裹或东西

Apollo 客户端有这种可能性。 <Query/> 组件提供 networkStatus 属性 - 这在 docs 中有描述。