在刷新/關閉父頁面時關閉子頁面

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

如果要關閉同一按鈕上的選項卡，可以對按鈕使用條件渲染。