<div id="readability-page-1" class="page"><div><pre><code>export default function App() {
  const [isLoad, setIsLoad] = useState(false);
  
  useEffect(() =&gt; {
    setIsLoad(isLoad);
  }, []);
  
  useEffect(() =&gt; {
    if (isLoad) {
      console.log("run after load");
    }
  }, [isLoad]);

  return (
    &lt;&gt;&lt;/&gt;
  );
}
</code></pre>
<p>useEffect의 dependency를 이용하여 특정 상태가 변경후 다음 이벤트를 발생시킬 수 있다.</p></div></div>

jeong3320.log

export default function App() {
  const [isLoad, setIsLoad] = useState(false);
  useEffect(() => {
    setIsLoad(isLoad);
  }, []);
  useEffect(() => {
    if (isLoad) {
      console.log("run after load");
    }
  }, [isLoad]);
  return (
    <></>
  );
}
useEffect의 dependency를 이용하여 특정 상태가 변경후 다음 이벤트를 발생시킬 수 있다.

[React] LifeCycle 조절팁

댓글