弹框外部点击关闭

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

import React, { useLayoutEffect, useRef } from 'react'   export default function ceshi() {   const as = useRef(null)   const handleCl =()=>{     window.addEventListener("click", (e) => {               if (e.target != as.current) {         console.log(e.target);       }     });   }   useLayoutEffect(() => {     handleCl()   }, []);   return (     <div>       <div style={{width:'100px',height:'100px',border:"1px solid red"}}></div>       <button>点击</button>     </div>   ) }