我应该将我的 html 代码添加到我的 React 应用程序的 index.html 或 App.js 吗？

Question

我刚刚开始使用 React，我对如何开始将我以前的静态网站代码添加到 React 应用程序感到困惑。我的 React 应用程序包含一个名为 public 的文件夹和一个名为 Index.html 的文件，Index.html 中的更改似乎影响了网站。但我看过很多视频和在线表格，人们使用 JSX 而不是 public 文件夹将他们的网站代码添加到位于 src 的 App.js 文件中。

我的旧静态网站中有 3 个 html 文件，我想知道将这些文件中的代码放在哪里。

我也有 node.js 作为后端服务器，但不知道这是否会影响答案。

谢谢:)

Answer 1

我会考虑将 HTML 代码转换为 JSX 并从中制作组件，这样您的设置就可以更好地适应未来的变化。

如果您想保留 HTML 代码，您可以将其作为 <iframe src={"yourComponent"}/> 实现到您的 App.js 中。请记住，您的 HTML 代码应存储在 public 文件夹中，您放入 iframe 的路径将从 public 文件夹开始 .

例如，您的 public 文件夹中有一个文件夹 html：

export default function YourComponent(){
    return <iframe src={"/html/yourcode.html"} />
}

我应该将我的 html 代码添加到我的 React 应用程序的 index.html 或 App.js 吗？

Should I add my html code to index.html or App.js on my react app?

html

node.js

reactjs

create-react-app