@21kb/react-page-visible-hook 中文文档教程

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

@21kb/react-page-visible-hook

使用页面可见性 API

Install

npm

npm install --save @21kb/react-page-visible-hook

Yarn

yarn add @21kb/react-page-visible-hook

Usage

import useVisible from '@21kb/react-page-visible-hook';

// import App from './App';
// import Loader from './Loader';

const Component = () {
  const state = useVisible();
  const {visibilityState} = state;

  return (
    {visibilityState === 'prerender' ? <Loader /> : <App />}
  );
};

License

MIT的 React 钩子

@21kb/react-page-visible-hook

React hook to use the Page Visibility API

Install

npm

npm install --save @21kb/react-page-visible-hook

Yarn

yarn add @21kb/react-page-visible-hook

Usage

import useVisible from '@21kb/react-page-visible-hook';

// import App from './App';
// import Loader from './Loader';

const Component = () {
  const state = useVisible();
  const {visibilityState} = state;

  return (
    {visibilityState === 'prerender' ? <Loader /> : <App />}
  );
};

License

MIT

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