如何从 React 前端应用程序打开一个新选项卡

问题描述

好的，所以我要做的是创建一个 twitter 前端应用程序，允许用户发布推文。我遇到的问题是在 3-legged Auth 序列中，我从 twitter api 以 html 的形式收到响应，我需要在新窗口中打开该响应数据，以便用户可以接受任何内容并允许我的应用程序访问他们的帐户。有人可以指出我正确的方向。我不想构建一个后端来解决这个问题，因为我试图让它成为一个单独的反应应用程序。

谢谢

解决方法

您可以通过将目标设置为 _blank 来使用 window.open 在新窗口中打开。此外，它会返回一个弹出实例，以便您可以将其存储在您的状态中并随时关闭。

const popup = window.open(twitterUrl,'_blank','width: 580px,height: 690px');
popup.close() // when you need it