我在根div上使用了React Router，但是我似乎无法弄清楚如何处理弹出窗口，当点击链接时。

我知道我可以在public文件夹中加载一个静态HTML页面，但我希望它是src中的一个.js文件。

这是我想要的：

import { Link } from "react-router-dom";

import Test from './pages/test.js';


function Example() {
  return (
    <>
    <Link onClick={() => window.open(<Test />, "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, scrollbars=1, resizable=0, width=650, height=400, top=30")}>
     Hello
    </Link>
    </>
  );
}

export default Example;

这是唯一有效的方法，但显然我失去了React的功能（除非我看错了？）URL路径是指向public目录中的一个目录

import { Link } from "react-router-dom";

import Test from './pages/test.js';


function Example() {
  return (
    <>
    <Link onClick={() => window.open('/example', "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, scrollbars=1, resizable=0, width=650, height=400, top=30")}>
     Hello
    </Link>
    </>
  );
}

export default Example;