在前端开发中，很多应用都需要联网才能正常的工作，而在一些情况下，我们需要检测当前设备是否已联网。npm 包 has-network 就是一个可以快速检测联网情况的工具。
安装
使用 npm 安装 has-network：
--- ------- ----------- ------
使用说明
安装后，在项目中引入 has-network：
------ ---------- ---- --------------
1. 检测是否联网
通过调用 hasNetwork 函数，可以检测当前设备是否联网。该函数返回 Promise 对象，可以通过 then 方法获取返回结果：
------------
-------------- -- -
-------------------- -- ---- -- -----
---2. 配合 react hooks 使用
has-network 还提供了一个便捷的 react hooks 函数 useHasNetwork，用于检测当前设备是否联网，并且在联网状态改变时自动更新状态：
------ - ------------- - ---- --------------
-------- ------------- -
----- -------- - ----------------
-- ---------- -
------ -----------------
- ---- -
------ -----------------
-
-示例代码
以下是一个使用 has-network 检测联网情况的示例代码：
------ ------ - --------- --------- - ---- --------
------ - ------------- - ---- --------------
-------- ----- -
----- -------- ---------- - ----------------
----- -------- - ----------------
------------ -- -
------------
-------------- -- -
------------------
---
-- ----
------ -
-----
------------- ----------------- -----
---------------- ------- ------------------- -----
------
--
-
------ ------- ----指导意义
使用 has-network 能够有效地检测设备的联网情况，避免了因网络状态不稳定导致的应用问题。在开发网络应用时，has-network 是一个非常有用的工具。此外，它还提供了一个优雅的 react hooks 函数，可以方便地使用联网状态。
值得注意的是，虽然 has-network 能够快速检测当前设备是否联网，但它不能检测到当前设备是否能够正常的访问网络。因此，在网络请求的场景下，我们还需要通过其他方式判断网络是否可用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/from-the-network