일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 프론트엔드
- jQuery
- 슬라이드전환
- 웹디실기
- HTML
- JS
- github
- 세로메뉴바
- PROJECT
- 코딩독학
- 깃
- 생활코딩
- git
- 렛츠기릿자바스크립트
- 웹퍼블리셔
- 웹디자인기능사
- 타입스크립트
- 연산자
- 실기
- CSS
- 자바스크립트
- 리액트
- 코드공유
- 비전공자
- Supabase
- 정보처리기사
- JavaScript
- 웹디자인기능사실기
- react
- web
Archives
- Today
- Total
목록React modal (1)
코딩하는라민

[React] useModal Hook 여러 개의 모달 관리하기 useModal Hook 이란?`useModal` hook 은 React 에서 모달을 간편하게 관리하기 위한 방법이다.useModal hook 을 통해 열기, 닫기 상태와 같은 모달과 관련된 로직을 모듈화해서 재사용할 수 있다. 왜 커스텀 훅을 만들어서 사용할까?모달을 사용할 때 모달을 열고 닫기 위해 `isOpen` 라는 state 를 사용한다.하지만 여러 페이지에서 모달을 사용할 경우 각 컴포넌트마다 isOpen 을 매번 선언해줘야한다.import { useState } from "react"import LoginModal from "@/components/modalsLoginModal"const Home = () => { const ..
Core/React
2024. 5. 2. 20:52