如何使 React 项目中的 html 文件中的文本显示在本地主机中？

Question

我已将一个 React 项目从 Github（下面的链接）导入到我的 VS 编辑器中。它可以很好地部署到我的浏览器上。我可以在我的 .tsx 文件中进行编辑。

但是我的 about.html 页面中的文本没有出现在本地主机中。怎么了？

fork：gh-pages-navigation。

原项目： https://github.com/white-lidded-red-teapot/white-lidded-red-teapot.github.io

我尝试确保登陆 (index.html) 页面和 about.html 页面之间的链接正常工作。我在 NavBar.tsx 中编写了导航链接。该项目似乎没有显示 about.html 的问题，只是显示其中的文本有问题。

Answer 1

为什么想要一个 about.html 页面？

您已经知道

index.html

文件在 Web 浏览器中提供服务时充当 React 应用程序的初始入口点。考虑到这一点，出于多种原因，在与 React 应用程序的

about.html

相同的目录中创建文件名

index.html

通常不是一个好主意。

因此，您应该创建一个名为

About

的专用 React 组件，用于呈现“关于”页面的内容。然后，您可以使用路由导航到此页面，将此组件包含在主应用程序组件中。