title: Does using multiple useEffects in one component have any side effects?
body: <p>I used three useEffect to control different states and adding/removing event listeners. But I'm not sure that is a best practice or not?</p>
  <pre><code> useEffect(() =&gt; {
      window.addEventListener('keydown', keyPressHandle)
      return () =&gt; {
        window.removeEventListener('keydown', keyPressHandle)
      }
    }, [])
  
    useEffect(() =&gt; {
      // do sth on state_one
    }, [state_one])
  
    useEffect(() =&gt; {
      // do sth on state_two
    }, [state_two])
  
  </code></pre>