如何在React JS中捕获Django rest non_field_errors？

在React JS中捕获Django rest non_field_errors可以通过以下步骤：

首先，确保您已经使用React JS创建了前端应用程序，并且已经与Django后端建立了通信。
当Django后端返回非字段错误(non_field_errors)时，它通常以特定的JSON格式返回。您需要在React中处理这个JSON响应并提取错误信息。
在React组件中，您可以通过使用fetch或axios等HTTP客户端库向Django后端发送请求。确保您已经正确处理了请求和响应。
在接收到来自Django后端的响应后，您可以检查响应的状态码，通常非字段错误返回的状态码为400。
如果状态码为400，您可以将响应数据转换为JSON格式，然后提取非字段错误消息。根据Django的JSON响应格式，非字段错误通常位于响应数据的"non_field_errors"字段中。

以下是一种可能的实现方法：

// 使用fetch库向Django后端发送请求
fetch('https://your-django-api-endpoint', {
  method: 'POST',
  body: JSON.stringify(formData),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  if (response.status === 400) {
    return response.json(); // 将响应数据转换为JSON格式
  } else {
    // 处理其他状态码
    // ...
  }
})
.then(data => {
  if (data.non_field_errors) {
    // 提取非字段错误消息并进行处理
    const nonFieldErrors = data.non_field_errors;
    // ...
  }
})
.catch(error => {
  // 处理错误
  // ...
});

请注意，以上代码只是一个示例，并且可能需要根据您的项目需求进行调整。

对于React JS和Django rest non_field_errors的更多信息，您可以参考以下链接：