相关疑难解决方法(0)

有没有办法使用https://github.com/marmelab/react-admin包执行服务器端表单验证？

这是AdminCreate组件的代码.它向api发送创建请求.如果一切正常,Api将返回验证错误,状态码为422或状态码为200.

    export class AdminCreate extends Component {
  render() {
    return <Create {...this.props}>
        <SimpleForm>
          <TextInput source="name"  type="text" />
          <TextInput source="email" type="email"/>
          <TextInput source="password" type="password"/>
          <TextInput source="password_confirmation" type="password"/>
          <TextInput source="phone" type="tel"/>    
        </SimpleForm>
    </Create>;

}
}

所以问题是,如何从服务器发送的错误对象中分别显示每个字段的错误？以下是错误对象的示例:

{
errors: {name: "The name is required", email: "The email is required"},
message: "invalid data"
}

先感谢您!

class SimpleForm extends Component {
    handleSubmitWithRedirect = (redirect = this.props.redirect) =>
        this.props.handleSubmit(data => {
          dataProvider(CREATE, 'admins', { data: { ...data } }).catch(e => {
            throw new …

在我使用 react-admin 的应用程序中，我有一些表单必须在服务器端执行验证。我的 API（使用 api-platform 实现）返回一个 400 响应，其主体中有一个键，该键包含一个约束违规数组，键为字段名称，因此该信息用于提供逐个字段的错误消息。

这个问题与在这个老问题中探讨的相同。然而，由于 react-admin 从 redux-form 移动到 react-final-form，基于错误传奇的解决方案不再起作用。

官方 react-final-form 文档中给出的示例并不容易应用，因为 react-adminonSubmit自己管理属性。