[강의노트][React] useTitle

1. useTitle

useEffect를 이용하여 title을 변경하는 useTitle hook을 만들어보았다.

import { useEffect, useState } from "react";

export const useTitle = initialTitle => {
  const [title, setTitle] = useState(initialTitle); // useTitle의 파람 initialTitle을 초기값으로 설정
  const updateTitle = () => {
    const htmlTitle = document.querySelector("title");
    htmlTitle.innerText = title;
  };
  useEffect(updateTitle, [title]); // 컴포넌트가 마운트 될 때와 title이 업데이트 될 때, updateTitle이 실행됨
  return setTitle;
};

출처 노마드 코더