useEffects.js

// Next `useEffect` hooks will be working the same

useEffect(() => {
    const id = setInterval(() => {
      setCount(count + 1)
    }, 1000)
    return () => clearInterval(id)
}, [count])


useEffect(() => {
  const id = setInterval(() => {
    // Когда мы передаем функцию, React вызывает её с
    // актуальным стейтом и всякий раз в этом случае она же и становится актуальным стэйтом.
    setCount(count => count + 1)
  }, 1000)
  return () => clearInterval(id)
}, []);