javascript - 用户注册 React Redux 后应该做什么？

Question

我正在使用 React Js + Redux + React Router。

1. 用户登录/注册流程的最佳实践是什么？
2. 为此我需要多少个 reducer :一两个(一个用于登录，一个用于注册)？
3. 用户注册后我应该做什么？我应该重定向到登录还是重定向到主页并使用户经过身份验证？如果是这样，这意味着我需要一个reducer来登录和注册，因为我需要将auth用户存储在一个地方？

目前，我想有 2 个 reducer (登录和注册)和 6 个操作:

export const LOGIN_REQUEST = 'login_request';
export const LOGIN_SUCCESS = 'login_success';
export const LOGIN_FAILURE = 'login_failure';

export const REGISTER_REQUEST = 'register_request';
export const REGISTER_SUCCESS = 'register_success';
export const REGISTER_FAILURE = 'register_failure';

但是什么是更好的实现呢？

Answer 1

这是 React 中有趣的部分，你可以用多种方式编写它来完成同样的事情。

至于实现，这完全取决于您的用例。但根据你的要求，我个人喜欢使用3个reducer。

1. 登录 reducer - 成功操作后，这将返回由用户登录信息以及身份验证 token (将在每个请求中使用)组成的状态。
2. 注册Reducer - 这将包含他在注册过程中向我们提供的所有用户相关信息(它将一直保留到页面刷新)。
3. UsersReducer - 我想这是会经常使用的reducer。可用于返回用户列表、编辑、添加、删除时的状态。

登录后，最好将用户带到主页，并减少用户注册成功后再次登录的额外步骤。但随后您可能需要显示消息来验证他/她的电子邮件地址，作为次要措施。

好吧，这都是我个人的意见，你可以自由选择你想要的编码方式。

就是这样，伙计!

祝你编码愉快:)