Created with CodeSandbox
使用react-hook
编写的一个Modal
组件, 灵活易用, 可自定义弹窗位置, 遮罩层颜色和透明度
并没有使用flex
布局, 这意味着可以兼容更多布局
利用useLayoutEffect
优化了弹窗的交互, 设置弹窗弹出, 浏览器窗口禁止滚动, 弹窗关闭, 则恢复
该组件只提供弹窗包裹和弹窗交互, 具体弹窗需要自己编写定制
- 可自定义弹窗位置, 默认水平垂直都居中
- 定义遮罩层颜色和透明度
- 增加动画效果
- 新的
react
版本, 支持hook
- 支持
css module