Javascript 在脱机（无网络）模式下显示SVG

无论何时没有internet连接，我都希望显示SVG，但问题是SVG没有以脱机模式加载。 我正在使用react detect offline库检测网络（离线/在线）

有没有办法预加载SVG，或者在javascript或React中以脱机模式使用SVG

 <Offline>
     <OfflineContainer
         offlineMessage="It looks like you're offline. We'll keep trying to reconnect."
         iconSVG={this.props.iconSVG}
     />
</Offline>

脱机消息显示正确，但 SVG在我脱机时不会加载

---

另外，我将SVG作为道具发送到我的脱机组件。

使用服务工作者缓存SVG。包括带有预取属性的svg以加载它，即使不需要。然后，当您的服务人员运行时，即使没有活动连接，您也可以访问svg

您可以直接内联SVG代码。我有一个单独的SVG组件，不想内联使用。那么，您的SVG是本地“资产”的一部分，还是从联机资源获取的？@SergeyRudenko是我本地资产的一部分，但脱机时仍不加载