IRHQ

5. useEffect dependency array

다음 컴포넌트는 user 객체를 넘기고, User 컴포넌트는 useEffect 안에서 콘솔에 user.name을 출력한다.

function User({ user }) {
  useEffect(() => {
    console.log(`hello ${user.name}`);
  }, [user]);
 
  return <div>{user.name}</div>;
}
 
function App() {
  const [count, setCount] = useState(0);
  const user = { name: "John" };
 
  return (
    <div>
      <User user={user} />
      <button onClick={() => setCount(count + 1)}>click me!</button>
    </div>
  );
}

버튼을 여러번 누를 때 콘솔에 어떤 변화가 생기는지 유추하라.

정답 보기