Back to Hooks

useNetwork

packages/hooks/src/useNetwork/index.zh-CN.md

3.9.72.1 KB
Original Source

useNetwork

管理网络连接状态的 Hook。

代码演示

基础用法

<code src="./demo/demo1.tsx" />

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
sinceonline 最后改变时间Date
rtt当前连接下评估的往返时延number
type设备使用与所述网络进行通信的连接的类型bluetooth | cellular | ethernet | none | wifi | wimax | other | unknown
downlink有效带宽估算(单位:兆比特/秒)number
downlinkMax最大下行速度(单位:兆比特/秒)number
saveData用户代理是否设置了减少数据使用的选项boolean
effectiveType网络连接的类型slow-2g | 2g | 3g | 4g

更多信息参考:MDN NetworkInformation