버튼 온스크롤에 사라지게 하려고 했던 건데..
const [isScrolling, setIsScrolling] = useState(false);
const onScroll = () => {
const timeout = setTimeout(() => {
setIsScrolling(current => !current);
}, 200)
setIsScrolling(true);
clearTimeout(timeout);
}
useEffect(() => {
window.addEventListener("scroll", onScroll);
})
<button className="top_btn" onClick={handleGetStarted} onScroll={onScroll}>
'PlaywithJavaScript' 카테고리의 다른 글
[React] [ReactDOM] 그리고 [CSS]를 사용한 리액트앱 만들기 (Part2. styling) (0) | 2020.12.03 |
---|---|
[React] [Express]를 사용한 리액트앱 만들기 (Part1. design) (0) | 2020.11.30 |
[React]로 [youtube API]를 활용한 너튜브 만들기 (0) | 2020.11.20 |
[React]로 Portfolio 만들기 (0) | 2020.10.23 |
event.target을 사용한 onclick 이벤트 (비동기 호출 응용) (0) | 2020.08.17 |