在刷新/关闭父页面时关闭子页面

Question

我有一个父页面，其中有一个按钮可以打开一个新的 url

function clickME(url) { 
    window.open(url,"URLname")
  }

<Button type="primary" size="sm" id="b" onClick={() => clickME(url) }>
    MyButton
</Button>

我想在关闭/重新加载父 window 时关闭此“URLname”。我该怎么做？

我阅读了windows.close但无法执行。 有人可以帮我吗？

Answer 1

您可以尝试以下解决方案：

export default function App() {
  const [urlToClose, setUrlToClose] = React.useState(null);
  function clickME(url) {
    setUrlToClose(window.open(url, 'URLname'));
  }
  function closeTab() {
    if (urlToClose !== null) {
      urlToClose.close();
    }
  }
  return (
    <div>
      <button onClick={() => clickME('http://google.com')}>MyButton</button>
      <button onClick={() => closeTab()}>Close Tab</button>
    </div>
  );
}

如果要关闭同一按钮上的选项卡，可以对按钮使用条件渲染。