React의 Hooks 원리 이해하기

React의 Hooks API는 함수형 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있게 해줍니다. 다음 중 useEffect 훅의 주요 목적과 가장 관련이 깊은 것은 무엇인가요?

이 컴포넌트에서 useEffect 훅이 호출되는 주된 이유는 무엇인가요?

JAVASCRIPT

import React, { useEffect, useState } from 'react';

const ExampleComponent = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  });

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
};

답변

컴포넌트의 상태 관리 렌더링 성능 최적화 부수 효과 처리 이벤트 핸들링

로그인 후 제출하기