文件名称：react-modal-dialog：ReactJS的模式对话框
文件大小：26KB
文件格式：ZIP
更新时间：2024-03-11 19:50:29
JavaScript
React模态对话框 React模态对话框是惯用的方式，用于表示React模态对话框。 它嵌套在需要它们的组件中，并且它们本身也可以嵌套其他对话框。 没有全局开关或状态，并且对话框的内容在需要的位置定义。 设计注意事项 React模式对话框是在考虑一些基本假设和约束的基础上构建的： 当您有两个对话框时，ESC键只会关闭最上一级的对话框（有一个像堆栈一样实现的事件管理器） 程序包需要支持带有弹簧动画的对话框（不仅是标准的缓入，缓出），而且对于其他设计仍然足够灵活 对话框过长将在其视口中滚动 对话框必须能够显示加载微调器，这意味着背景和内容需要是单独的组件 惯用语法 从一开始，目标就是一种与以下语法非常相似的语法，其中模态组件保存在一个按钮或具有两个按钮的最接近公共祖先的视图内。 class Button extends React . Component { state = {
【文件预览】：
react-modal-dialog-master
----.gitignore(58B)
----README.md(5KB)
----site()
--------package.json(1KB)
--------src()
--------webpack.config.js(2KB)
----LICENSE(1KB)
----package.json(994B)
----CONTRIBUTING.md(352B)
----RELEASING.md(601B)
----src()
--------UnstyledFlexDialog.js(4KB)
--------ModalDialog.js(5KB)
--------CloseCircle.js(873B)
--------ModalPortal.js(3KB)
--------FlexDialog.js(1KB)
--------ModalContainer.js(748B)
--------ModalBackground.js(3KB)
--------index.js(388B)
----scripts()
--------publishStaticSite.sh(243B)
----.npmignore(100B)
----article.md(10KB)