reactjs 刷新/关闭父页时关闭子页

yyyllmsg  于 2022-11-22  发布在  React
关注(0)|答案(1)|浏览(147)

我有一个父页面,其中有一个按钮打开一个新的网址
第一个
我想在关闭/重新加载父窗口时关闭此"URLname"。如何执行此操作?
我读过关于windows.close的文章,但是我无法执行它。有人能帮我吗?

mzmfm0qo

mzmfm0qo1#

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

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>
  );
}

如果要关闭同一按钮上选项卡,可以对该按钮使用条件呈现

相关问题