正确使用反应状态和路由

Question

我刚开始反应，我还没有清除脑海中的所有东西。

我目前正在开发一个项目，我需要构建一个带有登录页面、注册/登录页面、提问页面和回答问题页面的 React 应用程序。类似于堆栈溢出克隆。

据我所知，到目前为止，我有两个选择。 1) 使用 react-router 并有一个函数来渲染我想要的每个页面或 2) 有一个像 showPage 这样的状态和一些 if/else 如果渲染我想要的页面。

做我想做的事情的正确方法是什么？总的来说，我什么时候应该使用 react-router，什么时候只需要声明。

提前致谢

Answer 1

如果您有多个页面要呈现，您将始终使用路由。正如您所说，您目前需要处理 3 个页面。

1. 登陆页面
2. 演唱/注册
3. 常见问题 您需要做的是将 app.js 中的所有内容都包装在 Router 中，并指定一个 pages 文件夹，其中包含您要呈现的所有页面。

<块引用>

在 React 中，路由器帮助创建和在不同的 URL 之间导航 构成您的 Web 应用程序。它们允许您的用户移动 在您的应用程序的组件之间，同时保留用户状态，以及 可以为这些组件提供唯一的 URL，使它们更 共享。使用路由器，您可以通过以下方式改善应用的用户体验 简化网站导航。

阅读更多here

您需要将所有这些分开，因为当您的项目增长时，您会感谢自己为特定工作负载创建特定文件。管理起来会更容易。当您处理大型项目时，您可能希望创建布局并拥有更大的分布。

layouts
|__admin_layout.js
|__user_layout.js

这里的管理员布局将处理所有特定于管理员的路由，而用户布局将处理所有特定于用户的路由。

路由可帮助您更好地管理页面