网络连接检查反应

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中对此进行了介绍。