[React] React Hooks (4.1) - useEffect 활용법

useEffect를 활용하여 title을 변경해보자

웹 페이지 title을 업데이트 하는 hooks 만들어보기

const useTitle = (initialTitle) => {
  const [title, setTitle] = useState(initialTitle);
  const updateTitle = () => {
    const htmlTitle = document.querySelector("title");
    htmlTitle.innerText = title;
  };
  useEffect(updateTitle, [title]);
  return setTitle;
};

const App = () => {
  const titleUpdater = useTitle("Welcome");
  setTimeout(() => titleUpdater("Home"), 5000); // 5초 뒤 timeout
  return (
    <div className="App">
      <div>Hello</div>
    </div>
  );
};