0

我的 React TodoList 项目我正在考虑一个按钮将用户带到另一个页面。在此处输入图像描述

但如果我没记错的话，React 最适合用于单页应用程序。那么创建其他不与主渲染文件交互的单独组件是否明智？比如index.html < index.js < App.js（渲染到 index.js & AddTodo.html < AddTodo.js < App.js（渲染到另一个页面并且不与 index.js 交互）？

4

1 回答 1

2

是的。有几种方法可以使用 React 构建多页面应用程序。

  1. 在评论中正确建议使用路由器作为@patrick-stephansen 。请注意，在这种情况下，路由只是假装是页面，但实际上它们不是。实际上，您始终停留在同一页面上，该页面会动态地重新呈现以响应用户操作。
  2. 插件后端。通过这种方式，您将能够正确定义路由并提供不同的页面（使用不同的 React 生成的视图）。
  3. 使用静态站点生成器（例如Gatsby）。这样，您将在 React 中编写站点，但最终会在您的dist文件夹中得到简单的 HTML 文件，这些文件不需要任何后端出现在生产环境中。

你所描述的基本上是一个静态站点（不同的 HTML 文件和不同的 JS 包插件）。然而，在没有静态站点生成器的情况下执行此操作非常繁琐、容易出错且难以维护。

于 2020-05-05T16:26:44.250 回答