use modal:React Hook进行模式管理 源码

useModal 处理最常见的用例以创建类似于Modal的组件: 进入/离开动画 按Escape键或在外部单击时关闭 呈现部分由您决定,此挂钩可用于模式,抽屉,下拉菜单以及几乎任何处于打开和关闭状态的东西。 用法 简单的例子 import * as React from 'react' const Modal = ( ) => { const [ open , setOpen ] = React . useState ( false ) const modal = useModal ( { open , onClose : ( ) => setOpen ( false ) } ) return ( < button onClick = { ( ) => setOpen ( true ) } > Open < /