使用ReactJS构建SPA

Question

我有一个登录屏幕。登录成功后，我必须打开带有引导程序导航的主页。我在导航中有几个链接。

请建议我，

1. 如何使用和配置＆＃39; browserouter＆＃39;
2. 登录成功后如何启用/禁用主页。

抱歉，我无法开始写些什么。

Answer 1

因此，如果我理解正确，您正在使用react-router。这是围绕客户端身份验证的基本前提。你应该有某种状态确实告诉应用程序用户已登录。使用redux，你可以在全局状态下保存JWT或cookie。然后，一旦用户访问该页面，您将基于凭据：

• 1）如果用户已登录，则将用户从登录页面重定向到主页： 使用react-router，您可以使用：

  this.props.history.push（ '/'）

• 2）将用户从未经授权的路由（如用户个人资料页面）重定向到登录页面：

  this.props.history.push（ '/登录'）

请记住，这些只是指导原则，您可以根据自己的应用程序实现这一目标，但基本上您应该在执行此操作之前先考虑一切。

希望这一切都有帮助！