reactjs 显示html,使用React在选项卡中显示现有的JS / html页面

我是React的新手，我试图创建一个简单的代码。目前，我有几个仪表板是使用HTML / JavaScript / JQuery和MVC方式与php服务器代码集成编写的。

我的目标是创建一个仪表板中心，基本上该页面将显示几个选项卡，每个选项卡将加载不同的仪表板。

在将JS文件导入到React应用程序中时，在导入文件(将它们添加到src目录中)时遇到了多个问题，我无法对这些文件中的所有内容进行编译。使用JS文件中的ag-grid组件，react也对我大喊大叫。

有什么方法可以做我需要实现的目标吗？有没有一种方法可以从React应用程序中加载html文件。

import React from 'react';

import './App.css';

import { render } from "react-dom";

import Tabs from './Tabs';

require('./tab-dashboard-css/tabStyles.css');

function App() {

return (

Tabs Demo

// I want to load an html file into a Tab like this

After 'while, Crocodile!

Nothing to see here, this tab is extinct!

);

}

export default App;

这是我的html文件之一的示例

Generic Dashboard