728x90 리액트 네이티브2 [리액트 공부] 노마드 코더, 실전형 리액트 Hooks 10개 - useScroll 노마드 코드의 무료 강의 웹사이트는 아래 주소로 가면 된다. nomadcoders.co/ [예제 코드] import { StrictMode, useEffect, useRef, useState } from "react"; import ReactDOM from "react-dom"; const useScroll = () => { const [state, setState] = useState({ x: 0, y: 0 }); const onScroll = () => { setState({ y: window.scrollY, x: window.scrollX }); }; useEffect(() => { window.addEventListener("scroll", onScroll); }, []); return state.. 2021. 4. 30. [리액트 공부] 노마드 코더, 실전형 리액트 Hooks 10개 - useNetwork 노마드 코드의 무료 강의 웹사이트는 아래 주소로 가면 된다. nomadcoders.co/ [예제 코드] import { StrictMode, useEffect, useRef, useState } from "react"; import ReactDOM from "react-dom"; const useNetwork = (onChange) => { const [status, setStatus] = useState(navigator.onLine); const handleChange = () => { if (typeof onChange === "function") { onChange(navigator.onLine); } setStatus(navigator.onLine); }; useEffect(() => { win.. 2021. 4. 30. 이전 1 다음 728x90