我们需要在Reactjs中创建一个带叠加背景的模态对话框作为React组件。当用户点击叠加时，模态应该关闭。我们需要以可重用的方式创建模态React组件。有人PLZ指导我回家我可以实现这个
答案 0 :(得分：2)
我强烈建议您在反应模式的来源https://github.com/reactjs/react-modal中漫步，以获得＆＃34;如何＆＃34;实现自己的。
我现在已经从头开始实施自定义模态几次了，我必须建议简单地使用react-modal而不是尝试重新发明同一个轮子[我已经更换了本土实现w / react-modal]。我已经尝试了几个不同的React模态包，react-modal可以完全自定义，经过测试，并且有很棒的API。
我在这里回答了几乎相同的问题：How to: ES6 React Modal和此处：React conditional render pattern以及更多想法/示例/链接。
答案 1 :(得分：0)
只是替代路线你可以使用新的<dialog>元素，浏览器支持相当低（http://caniuse.com/#search=dialog），但是使用polyfill这可以修复。但这为创建对话框提供了非常简单和可扩展的方式，请参阅演示here。