hooks(2)
-
[ React Hook ] 4. usePreventLeave
# usePreventLeave의 기능 export const usePreventLeave = () => { const listener = (event) => { event.preventDefault(); event.returnValue = ""; }; const enablePrevent = () => window.addEventListener("beforeunload", listener); const disablePrevent = () => window.removeEventListener("beforeunload", listener); return { enablePrevent, disablePrevent };};usePreve..
2022.11.02 -
[ React Hook ] 1. useInput
# useInput의 기능 import {useState} from "react";export const useInput = (initialValue, validator) => { const [value, setValue] = useState(initialValue); const onChange = event => { const { target: {value} } = event; let willUpdate = true; if (typeof validator === "function") { willUpdate = validator(value); } if (willUpdat..
2022.10.30