如何用React编写支持动态调用的弹出框组件？

本文共计1620个文字，预计阅读时间需要7分钟。

最近在用React开发项目，遇到一个需求：开发一个弹框组件。在React中创建一个组件非常简单，只需使用class创建并引入即可。但需要做到的是，可以通过js调用这个组件，而不是直接写在jsx结构中。

最近在用react开发项目，遇到一个需求——开发一个弹框组件。在react中创建一个组件是很简单的，只需要使用class创建并引入就可以了，但是要做到可以用js调用这个组件而不是写在jsx结构里，那就需要用到ReactDOM.render这个方法了。

首先先来屡一下需求：

1、弹框里的可配置字段：标题文字，提示文字，确认和取消按钮的显示隐藏以及文字。
2、点击确认和取消按钮后，可以触发相应的事件。
3、是否为短提示，短提示的时候，确认和取消按钮隐藏，并且2s后消失。

接下来用两种方法创建一个弹框组件，并比较一下这两种的差异。