feat: (#55) 컴포넌트를 열고 닫는 커스텀 훅 구현

woowacourse-teams · Jul 17, 2023 · 3bfe1f3 · 3bfe1f3
1 parent 168452a
commit 3bfe1f3
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/frontend/src/hooks/useToggle.tsx b/frontend/src/hooks/useToggle.tsx
@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+export const useToggle = () => {
+ const [isOpen, setIsOpen] = useState(false);
+
+ const openComponent = () => {
+ setIsOpen(true);
+ };
+
+ const closeComponent = () => {
+ setIsOpen(false);
+ };
+
+ return { isOpen, openComponent, closeComponent };
+};