handling close method
This commit is contained in:
parent
21f215aea1
commit
3b9b6477eb
|
|
@ -1,7 +1,7 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { useCallback, useEffect, useMemo, useRef } from "react";
|
import { useCallback, useEffect, useMemo, useRef } from "react";
|
||||||
|
|
||||||
export default function Modal({ open, onClose, children, className }) {
|
export default function Modal({ open, onClose, children, className, closeModal }) {
|
||||||
const modalRef = useRef(null);
|
const modalRef = useRef(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
@ -12,6 +12,7 @@ export default function Modal({ open, onClose, children, className }) {
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const { current: el } = modalRef;
|
const { current: el } = modalRef;
|
||||||
if (open) el.showModal();
|
if (open) el.showModal();
|
||||||
|
else el.close();
|
||||||
}, [open]);
|
}, [open]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user