【问题标题】:how to structure a create-react-app project如何构建一个 create-react-app 项目
【发布时间】:2026-01-17 07:30:02
【问题描述】:

我在后端使用 django,在前端我使用 react 和 create-react-app。

我的网页上有不同的应用程序,它们有些相互独立:

mydomainname/home
mydomainname/foo
mydomainname/bar

它们都有一定的联系,但逻辑上完全不同,这就是我将它们分开的原因。

这是否仅使用 build 文件夹中的一个 create-react-app 和一个 index.html 文件来处理?以及用于不同应用程序的浏览器路由器包之类的东西?

例如,如果我查看 Facebook 主页(以防我想用 React 构建它),我知道我的新闻提要和我的个人资料页面以及其他人的页面都是相互关联的,并且共享相似的组件,这就是为什么它会拥有一个 index.html 文件是有意义的。

但是,如果我创建一个新的公共页面(例如,对于一个商业人物),所有这些组件和功能是否都在同一个 index.html 文件中处理?我可以想象这会遇到内存泄漏和性能问题,或者不是这样吗?无论是在 create-react-app 文档中还是通过谷歌,我似乎都找不到任何相关信息。

【问题讨论】:

    标签: reactjs create-react-app


    【解决方案1】:

    React 不是 HTML。在 React 中,public 文件夹中只有一个名为 index.html 的页面。 react 中的“页面”被命名为 'Components',因此您只需创建组件并将它们相互链接即可。第一个生成的示例组件是src 文件夹中的App (App.js) 组件。所有的转换(从一个组件到第二个组件的转换)都将在 index.html 文件中完成。

    【讨论】:

    • 啊,太好了,所以即使对于非常大的项目,它也只是一个 html 文件?