Javascript 如何在Reactjs中创建自定义模式

我们需要在Reactjs中创建一个模态对话框，将覆盖背景作为React组件。当用户单击覆盖时，模态应该关闭。我们需要以可重用React组件的方式创建模态。请有人带我回家，我可以实现这一点

我强烈建议您浏览react modal的源代码，了解“如何”实现您自己的

现在，我已经从零开始实施定制模态了几次，我必须建议简单地引入react模态，而不是试图重新发明相同的轮子[我已经用react模态替换了国产的实现]。我已经尝试了几个不同的React-modal包，React-modal是完全可定制的、经过战斗测试的，并且有一个很棒的API

---

我在这里回答了几乎相同的问题：这里：还有一些想法/示例/链接。

我强烈建议您浏览react modal的源代码，了解“如何”实现自己的功能

现在，我已经从零开始实施定制模态了几次，我必须建议简单地引入react模态，而不是试图重新发明相同的轮子[我已经用react模态替换了国产的实现]。我已经尝试了几个不同的React-modal包，React-modal是完全可定制的、经过战斗测试的，并且有一个很棒的API

---

我在这里回答了几乎相同的问题：在这里：通过一些想法/示例/链接。

仅为了替代路线，您可以使用新的

元素，浏览器支持率相当低（），但使用polyfill可以解决这一问题。但这为创建对话框提供了一种非常简单且可扩展的方法，请参见演示。

只需使用新的

元素，浏览器支持率相当低（），但使用polyfill可以解决这一问题。但这为创建对话框提供了非常简单且可扩展的方法，请参见演示。

看看react引导程序-它实现了您正在搜索的功能。是否希望此模式始终包含相同的html（jsx）每个案例的结构或特定html？看看react bootstrap-它实现了您正在搜索的功能。是否希望此模式始终包含每个案例的相同html（jsx）结构或特定html？这是我第一次听说本机对话框元素。哇，这将是惊人的，一旦浏览器支持赶上！我必须注意这个。这是我第一次听说原生对话元素。哇，这将是惊人的，一旦浏览器支持赶上！我得注意一下这个。