목록리액트훅 (1)

My Develop Log

[노마드코더]실전형 리액트 Hooks 10개 - (useConfirm, usePreventLeave, useBeforeLeave)

useConfirm useConfirm은 사용자가 버튼을 클릭하는 등.. 무언가 작업을 하면 이벤트를 실행하기 전에 메시지를 보여주는 것이다. 예제 코드는 다음과 같다. // App.js const useConfirm = (message = "", onConfirm, onCancel) => { if (!onConfirm && typeof onConfirm !== "function") { return; } if (!onCancel && typeof onCancel !== "function") { return; } const confirmAction = () => { if (window.confirm(message)) { onConfirm(); } else { onCancel(); } }; return co..
React 공부/노마드코더 노트정리 2023. 1. 26. 19:44
이전 Prev 1 Next 다음