可以通过以下步骤实现:
以下是一个示例代码:
import React from 'react';
class MyComponent extends React.Component {
openStaticHTML() {
window.open('/static.html', '_blank');
}
render() {
return (
<div>
<button onClick={this.openStaticHTML}>打开静态HTML</button>
</div>
);
}
}
export default MyComponent;
在上述示例中,点击按钮后会调用openStaticHTML()方法,该方法使用window.open()方法打开名为"static.html"的静态HTML文件。
需要注意的是,React项目中的静态HTML文件路径应该相对于public文件夹。如果静态HTML文件位于public文件夹的子文件夹中,可以在URL中指定相对路径,例如window.open('/subfolder/static.html', '_blank')
。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
请注意,以上答案仅供参考,具体的实现方式和推荐产品可能因实际需求和环境而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云