Igor Nikolaev kompl

kompl / modal.jsx

Created July 9, 2021 11:19 — forked from viclafouch/modal.jsx

An implementation of a Modal Component with React Hooks ! See https://react-modal.viclafouch.vercel.app

	import React, { useEffect, useImperativeHandle, useState, forwardRef, useCallback } from 'react'
	import { createPortal } from 'react-dom'
	import './styles.css'

	const modalElement = document.getElementById('modal-root')

	export function Modal({ children, fade = false, defaultOpened = false }, ref) {
	const [isOpen, setIsOpen] = useState(defaultOpened)

	const close = useCallback(() => setIsOpen(false), [])