[강의노트][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;
};

출처 노마드 코더

좋은 웹페이지 즐겨찾기