【问题标题】:Separate pages vs updating components on the same page单独的页面与在同一页面上更新组件
【发布时间】:2021-12-15 05:34:07
【问题描述】:

所以我只是想知道在使用 React 时是否应该创建单独的页面而不是只更新当前页面上的组件是否有任何常见做法或基本准则?我试图在网上查找,但找不到任何东西。

【问题讨论】:

  • 看看这个react file structure
  • 一个主要原因是为页面添加书签或共享其链接,也可以让用户直接进入特定位置。另一个可能更重要的是关注点分离

标签: reactjs components


【解决方案1】:

在某些情况下,您需要保留数据或某些状态,只需在 UI 中进行一些更新,例如 Atlassian 登录页面。 当您写电子邮件时,它会更改路由并更改一些 css(将密码字段显示从 none 更改为 block)。

或者在 Jira next gen 中,有任务,如果您单击 scrum 板中的一个任务,页面组件是相同的,但它会弹出一个显示该任务详细信息的模式组件。

为什么不同的路线?因为您可以共享该链接,并且每当有人导航到该路线时,它会显示与您在复制链接时看到的相同 UI 的页面。

否则,使用单独的页面处理导航是一种更简洁的方法。所以这完全取决于你和那种 UI/UX 设计。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-21
    • 1970-01-01
    • 2019-07-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多