React调用MongoDB API遇ValidationError：必填字段报错求助

看起来你遇到的是MongoDB的验证错误，虽然你在state里设置了isadmin、isprinter、isuser的初始值，但后端还是提示这些字段必填，我来帮你一步步排查：

第一步：确认前端提交的数据是否正确 #

首先在你的formSubmit函数里，已经有console.log(this.state)，先仔细看一下控制台输出的state里，isadmin、isprinter、isuser这三个字段的值是不是你预期的'yes'或者true？

• 如果这三个字段的值缺失或者不对，那问题出在前端的表单绑定上：你需要确保表单里对应的控件（比如单选框、复选框）绑定了onChange事件，实时更新state的值。举个例子：

// 以isadmin的单选框为例
<input
  type="radio"
  name="isadmin"
  value="yes"
  checked={this.state.isadmin === 'yes'}
  onChange={(e) => this.setState({ isadmin: e.target.value })}
/>

如果没有绑定onChange，即使用户选择了不同选项，state里的初始值也不会更新，甚至可能因为某些操作被意外清空。

第二步：检查MongoDB Schema的字段定义 #

这是最容易踩坑的点！MongoDB的字段名区分大小写，而且验证规则严格：

• 先确认你的Schema里的字段名和前端传的完全一致：比如前端传的是全小写的isuser，Schema里是不是写成了驼峰的isUser？如果拼写或大小写不一致，后端会认为这个字段没传，直接触发验证错误。
• 另外，你说这些字段是String类型，那Schema里的定义应该类似这样：

const AdminSchema = new mongoose.Schema({
  email: { type: String, required: true },
  password: { type: String, required: true },
  mobile: { type: String, required: true },
  isadmin: { type: String, required: true }, // 字段名和前端完全一致
  isprinter: { type: String, required: true },
  isuser: { type: String, required: true }
});

如果Schema里的类型是String，但你前端传的是布尔值true，也可能触发验证错误，所以要确保前端传的是字符串类型的'yes'或'true'。

第三步：确认请求是否真的发送了这些字段 #

打开浏览器的开发者工具（F12），切换到Network标签，找到你发送的POST请求，查看Request Payload：

• 确认里面确实包含isadmin、isprinter、isuser这三个字段，且值正确。如果这里没有这些字段，那你构造admin对象的时候可能拼写错误了，比如把isuser写成了isUser，要仔细检查变量名。

第四步：后端打印接收的数据排查 #

如果前面都没问题，那在后端的接口里加一行日志，看看实际收到的数据：

app.post('/admin/add', (req, res) => {
  console.log('收到的数据：', req.body); // 打印所有接收的参数
  // 后续的创建逻辑
});

如果后端打印的结果里没有这三个字段，那可能是前端的axios请求有问题，比如没有正确设置请求头（不过axios默认会添加Content-Type: application/json，一般不用额外配置）；如果后端收到了但还是报错，那就是Schema的验证规则有问题，比如有没有额外的自定义验证器导致的错误。

按照这几步排查，应该能很快找到问题所在！

内容的提问来源于stack exchange，提问作者vivek modi