跳到主要内容

useTimeout

在给定时间后更新值。

Usage​

实时编辑器

function Demo() {
  const [isPending, start, cancel] = useTimeout(5000);

  return (
    <div>
      <div>Pending: {JSON.stringify(isPending)}</div>
      <button
        onClick={() => {
          start();
        }}
      >
        Start Again
      </button>
      <button
        onClick={() => {
          cancel();
        }}
      >
        Cancel
      </button>
    </div>
  );
};
结果
Loading...

API​

useTimeout​

Returns​

Stoppable: 包含以下元素的元组：

  • 是否等待定时器执行。
  • 设置定时器。
  • 取消定时器。

Arguments​

参数名描述类型默认值
ms间隔时间number | undefined-
options-UseTimeoutOptions | undefined-

UseTimeoutOptions​

参数名描述类型默认值
immediate立即设置定时器booleanfalse