https://nomadcoders.co μμ κ°μλ₯Ό λ£κ³ μ 리ν λ΄μ© μ λλ€.
μ΄κ±° λ°λκ² νλ κ²!
import React, { useEffect, useState } from "react";
const useTitle = (initialTitle) => {
const [title, setTitle] = useState(initialTitle);
const updateTitle = () => {
// index.htmlμ μλ title νκ·Έ
const htmlTitle = document.querySelector("title");
htmlTitle.innerText = title;
}
// νμ΄νμ΄ λ³κ²½λ λ updateTitle
useEffect(updateTitle, [title]);
return setTitle;
}
export default useTitle;
const App = () => {
const titleUpdater = useTitle("Loading...");
setTimeout(() => titleUpdater("Home"), 5000);
return (
<div className="app">
hellow
</div>
)
}