是否可以使用 React Portal 打开两个单独的浏览器窗口？

Question

我对 React 门户还很陌生，想了解使用 React 门户是否可以实现以下场景：

场景：

1. OnClick 按钮应该使用 React 门户在新窗口中打开我的组件（假设是 w1）
2. 我在 w1 上的组件将有一些文本和一个按钮。
3. 单击此按钮时应使用 React 门户在新窗口（例如 w2）中打开另一个组件

   父窗口上的 OnClick 打开 w1，w1 上的 OnClick 应该打开 w2。

   这是我对我的项目的要求之一，所以我想知道这是否可以通过 React 门户完成？如果没有，那么我可以做些什么来在 React 中实现这一目标？

   在 w1 上，我尝试使用 React Portal 打开一个具有不同 div id 的新窗口。但这正在添加到 w1 的现有内容中，很快就会消失，在 w1 上显示一个空白窗口

Answer 1

是的，您可以在反应色情片中打开单独的窗口

Answer 2

您可以为每个窗口创建一个新的门户，并将您的组件呈现到这些门户中。要打开一个新窗口，您可以使用 window.open() 方法创建一个新的浏览器窗口，然后将您的组件呈现到该新窗口中的门户中。