react如何引入html页面?

Question

我写react项目，同时有一个静态html页面需要展示，我在组件中用a标签指向html，却访问不了，请问该如何访问？

Answer 1

Cannot GET /fami/index.html

这个提示表明，你的路径设置有问题。检查一下路径。

Answer 2

贴出你的目录结构看看

如果只是引用相邻文件夹下的html，可以加上 ./ 试试

Answer 3

你好，我也有过类似的困惑，请问你最终是如何解决的呢？

Answer 4

通过 iframe引入。亲测可行。
``
import data from './data.html'; // 引入需要引用的html文件

class Data extends Component {
render() {

return (
  <iframe
    title="resg"
    srcDoc={data}
    style={{ width: '100%', border: '0px', height: '1100px' }}
    sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
    scrolling="auto"
  />
);

}
}

export default withRouter(Data);
``