授業の原稿

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;
};

オリジナルエンコーディング