处理弹出窗口的React Router实践指南
P粉898107874
P粉898107874 2023-08-26 22:51:20
0
1
489

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

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

这是我想要的:

import { Link } from "react-router-dom"; import Test from './pages/test.js'; function Example() { return ( <>  window.open(, "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, scrollbars=1, resizable=0, width=650, height=400, top=30")}> Hello   ); } export default Example;

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

import { Link } from "react-router-dom"; import Test from './pages/test.js'; function Example() { return ( <>  window.open('/example', "Popup", "toolbar=no, location=no, statusbar=no, menubar=no, scrollbars=1, resizable=0, width=650, height=400, top=30")}> Hello   ); } export default Example;

P粉898107874
P粉898107874

全部回复 (1)
P粉546138344

打开弹出窗口的语法是:window.open(url, name, params),你不能在window open方法中添加组件,弹出窗口和window open方法的构建方式不同,

更多信息请阅读:弹出窗口和window方法

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!