Big Dreamer_Developer/React
React Hooks_useTitle
createhb21
2021. 7. 8. 00:34
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('Loading...');
setTimeout(() => titleUpdater('Home'), 5000);
return (
<div className="App">
<div>Hi</div>
<button onClick={() => setNumber(number + 1)}></button>
<button onClick={() => setAnumber(aNumber + 1)}></button>
</div>
);
};