javascript 我想打开一个html文件在一个新的标签在按钮点击在react js

dauxcl2d  于 2023-06-28  发布在  Java
关注(0)|答案(2)|浏览(170)

我想打开一个HTML文件,这是在我的本地,在一个新的标签上的按钮单击React组件。我试图导入html文件,然后使用window.openJavaScript的www.example.com()方法。但导入html文件,我需要html加载器插件。但是当我尝试使用npm -enter image description here安装插件时,我得到了这个
有没有其他方法可以在react js中的按钮点击新标签打开html文件?如果没有,为什么没有安装html-loader插件?

yrwegjxp

yrwegjxp1#

这可以是一个与Vanilla JavaScript,我不认为你应该需要html-loader插件:

  1. button onClick="Open()">Link</button>
  2. <script>
  3. function Open() {
  4. window.open("https://www.google.com", "_blank");
  5. }
  6. </script>

html-loader用于将HTML文件作为字符串读入(参见npm package page here)。至于为什么你的安装不起作用,似乎是你安装的其他一些软件包(ant-design icons,material UI和react)有问题。也许可以尝试用npm uninstall [package-name]删除所有冲突的软件包,然后重新安装您需要的软件包。

omvjsjqw

omvjsjqw2#

如果您使用react-router-dom,您可能会发现以下代码很有帮助。

  1. <Link target={"_blank"} to="your-link">Your Link</Link>

相关问题