node.js - 如何验证用户名在 MERN 应用程序中实时可用？

Question

我正在使用 TypeScript 在 React.js 中编写注册表单，注册的每个用户名都必须使用唯一的用户名进行注册。如果我有一个 LoginForm 组件从表单中获取所有数据，我如何实时验证没有使用用户名？我有一个 MongoDB 专用集群，其中存储了每个用户文档，每个用户都有一个用户名，它是一个字符串，存储在“用户名”字段中。基本上，当用户输入他们的用户名时，我想显示一个红色警报，显示“用户名被占用”，而他们输入的用户名被占用，当输入的用户名是唯一的时，“用户名是唯一的”绿色。

我不确定如何解决这个问题。我想出的唯一想法：使用 useEffect 钩子每隔几秒捕获一次输入状态并对数据库进行 axios 调用，搜索用户名并呈现警报。但是，我不确定这是否是最好的方法，因为要进行的调用数量和可能的延迟。

是否有最佳实践方法来做到这一点？如果有，请指出我正确的方向。理想情况下，如果您可以概述一系列步骤，即 1.“每次发生 x 时都对 x 进行 api 调用”，2. ... 那么这将很有帮助。

标签： node.jsreactjstypescriptvalidation