在我使用 react-admin 的应用程序中,我有一些表单必须在服务器端执行验证。我的 API(使用 api-platform 实现)返回一个 400 响应,其主体中有一个键,该键包含一个约束违规数组,键为字段名称,因此该信息用于提供逐个字段的错误消息。
这个问题与在这个老问题中探讨的相同。然而,由于 react-admin 从 redux-form 移动到 react-final-form,基于错误传奇的解决方案不再起作用。
官方 react-final-form 文档中给出的示例并不容易应用,因为 react-adminonSubmit自己管理属性。
如何在提交失败的表单后显示验证消息?API请求返回HTTP 400'应用程序/问题+ json'响应,并将违规包含为具有字段路径的列表.
https://tools.ietf.org/html/rfc7807#section-3
{
"type": "https://example.net/validation-error",
"title": "Your request parameters didn't validate.",
"invalid-params": [
{
"name": "age",
"reason": "must be a positive integer"
},
{
"name": "color",
"reason": "must be 'green', 'red' or 'blue'"
}
]
}
Run Code Online (Sandbox Code Playgroud)