React Hooks_useTitle
2021. 7. 8. 00:34ㆍBig Dreamer_Developer/React
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>
);
};'Big Dreamer_Developer > React' 카테고리의 다른 글
| React/Context (0) | 2021.07.15 |
|---|---|
| React Hooks_useEffect (0) | 2021.07.08 |
| React Hooks_useState (0) | 2021.07.07 |
| React Hooks_useTabs (0) | 2021.07.07 |
| React Hooks_useInput (0) | 2021.07.07 |