@21kb/react-online-status-hook 中文文档教程

发布于 6年前 浏览 20 项目主页 更新于 3年前

@21kb/react-online-status-hook

React hook 订阅离线/在线

Usage

import {
  useOfflineStatus,
  useOnlineStatus
} from '@21kb/react-online-status-hook';

const OfflineComponent = () => {
  const status = useOfflineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

const OnlineComponent = () => {
  const status = useOnlineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

事件使用离线在线状态)。

License

麻省理工学院

@21kb/react-online-status-hook

React hook to subscribe to offline/online events

Usage

import {
  useOfflineStatus,
  useOnlineStatus
} from '@21kb/react-online-status-hook';

const OfflineComponent = () => {
  const status = useOfflineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

const OnlineComponent = () => {
  const status = useOnlineStatus();

  return <div>You are currently {status ? 'online' : 'offline'}.</div>;
};

NOTE: useOfflineStatus and useOnlineStatus export the same Hook (useOfflineOnlineStatus).

License

MIT

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文