useCookie useImage useLocalStorage usePrevious useScript　useSessionStorage useStorage useTimeInterval API DEMO useToggle

useTimeInterval

timeInterval hooks

参考 Making setInterval Declarative with React Hooks

API

useTimeInterval(
  callback: Function,
  delay?: number
);

DEMO

count: 0

() => {
  const [counter, setCounter] = React.useState(0)
  const [run, toggleRun] = useToggle()
  const delay = 1000
  useTimeInterval(
    () => {
      setCounter(pre => pre + 1)
    },
    run ? delay : null,
  )
  return (
    <div>
      <h4>count: {counter}</h4>
      <button onClick={toggleRun}>{run ? 'stop' : 'start'}</button>
    </div>
  )
}

() => {
  const [counter, setCounter] = React.useState(0)
  const [run, toggleRun] = useToggle()
  const delay = 1000
  useTimeInterval(
    () => {
      setCounter(pre => pre + 1)
    },
    run ? delay : null,
  )
  return (
    <div>
      <h4>count: {counter}</h4>
      <button onClick={toggleRun}>{run ? 'stop' : 'start'}</button>
    </div>
  )
}