useIdle

React 状态钩子,用于追踪页面上的用户是否空闲。

用法

  1. import {useIdle} from 'react-use';
  2. const Demo = () => {
  3. const isIdle = useIdle(3e3);
  4. return (
  5. <div>
  6. <div>User is idle: {isIdle ? 'Yes 😴' : 'Nope'}</div>
  7. </div>
  8. );
  9. };

参考

  1. useIdle(ms, initialState);
  • ms — 考虑使用空闲时间的毫秒时间, 默认为 60e3 — 1分钟。
  • initialState — 是否考虑用户初始空闲,默认为 false。