useNetwork

管理网络连接状态的 Hook。

代码演示

API

typescript

interface NetworkState {
  online?: boolean
  since?: Date
  rtt?: number
  type?: string
  downlink?: number
  saveData?: boolean
  downlinkMax?: number
  effectiveType?: string
}
const result: NetworkState = useNetwork()

Result

参数	描述	类型
online	网络是否为在线	`boolean`
since	`online` 最后改变时间	`Date`
rtt	当前连接下评估的往返时延	`number`
type	设备使用与所述网络进行通信的连接的类型	`bluetooth` \| `cellular` \| `ethernet` \| `none` \| `wifi` \| `wimax` \| `other` \| `unknown`
downlink	有效带宽估算（单位：兆比特/秒）	`number`
downlinkMax	最大下行速度（单位：兆比特/秒）	`number`
saveData	用户代理是否设置了减少数据使用的选项	`boolean`
effectiveType	网络连接的类型	`slow-2g` \| `2g` \| `3g` \| `4g`

Source

源码 · 文档 · 示例

useNetwork ​

代码演示 ​

API ​

Result ​

Source ​

useNetwork

代码演示

API

Result

Source