如何关闭ReactJS上的当前浏览器选项卡？

Question

基本上，我希望单击按钮即可关闭当前浏览器选项卡。如何在ReactJS中实现呢？尝试过window.close()，但没有用。

Answer 1

出于安全目的，JavaScript不能关闭未直接打开的窗口。

https://developer.mozilla.org/en-US/docs/Web/API/Window/close

从示例中可以看到，原始脚本（打开了窗口）也必须是关闭窗口的脚本。新窗口无法通过JavaScript关闭自身。

//Global var to store a reference to the opened window
var openedWindow;

function openWindow() {
  openedWindow = window.open('moreinfo.htm');
}

function closeOpenedWindow() {
  openedWindow.close();
}

Answer 2

在您的点击事件处理程序上，尝试执行以下操作：

window.open("", "_self");
window.close();