在reactjs应用程序中打开一个弹出窗口

时间:2018-04-02 14:36:58

标签: reactjs

您好我想打开一个类似于当有人点击注册链接https://www.eventshigh.com/detail/Bangalore/625f39dbdb5b8e4fb5b78a073922f221-6th-save-the-queen-corporate?src=ecbox

时此网站打开的弹出窗口

我希望将属性传递给将在弹出窗口中打开的子元素,然后将子元素中的操作捕获到父元素。

有人能告诉我我们能做到最好吗。

2 个答案:

答案 0 :(得分:5)

他们打电话给sess.run

您可以查看react-modal库。

以下是在应用程序中使用的react-modal的简单示例,其中包含一些自定义样式和模式内容中的可聚焦输入元素:

Modal

您可以看到更多示例here

答案 1 :(得分:1)

弹出窗口称为modal。有多个库支持模态。 React bootstrap提供了一个简洁的模态。或者,如果您想单独使用模态,则可以使用react-modalreact-responsive-modal

等库
相关问题