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

Posted 2023-02-22

【中文标题】我应该将我的 html 代码添加到我的 react 应用程序上的 index.html 或 App.js 吗？

【英文标题】：Should I add my html code to index.html or App.js on my react app?

【发布时间】：2022-01-14 21:57:07

【问题描述】：

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

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

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

谢谢你:)

【参考方案1】：

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

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

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

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

【讨论】：

啊，我明白了……那我应该触摸 index.html 吗？好像我真的不需要它，除了根部分。我不明白为什么还需要它。

好吧，我不是专家，但直到今天我根本不需要接触它。最多在导入 CSS 文件时。