如何在 React 中的文档正文中创建弹出表单？

Question

我目前正在处理一个 React/Meteor 项目，并且我网站的某些部分想要在 Popup 中进行登录。当用户单击某个组件内的按钮时，将显示一个弹出窗口，允许用户登录或注册。

我不想在按钮所在的同一组件内呈现该组件，而是在文档正文中呈现。做这个的最好方式是什么？有没有办法动态呈现 React 元素。类似于：

handleClick() {
  React.render(<Popup />, document.getElementById('app'));
}

Answer 1

当然可以。像往常一样使用 ReactDOM。

 ReactDOM.render(<Popup/>, document.getElementById('app'));

您可以多次执行此操作。