如何在文档正文中的React中创建弹出窗体？

Question

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

我不希望将组件呈现在与按钮所在的组件相同的组件中，而是在文档的主体上。做这个的最好方式是什么？有没有办法动态渲染React元素。类似的东西：

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

Answer 1

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

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

您可以根据需要多次执行此操作。