How to display validation errors for embedded relations?

未关闭

#388 创建于 2021年6月29日 0 条评论 0 个 reaction 已指派 0 人在 GitHub 查看

还没有人认领这个 Issue。

评估

难度: 4/5
预计耗时: 3-5 天
新手友好度: 30/100

Issue 类型: 缺陷
描述清晰度: 基本清楚
活跃度: 停滞
技术栈: react, typescript
领域: frontend

调研方向

首先跟踪从 EditGuesser 经过 ArrayInput 和 SimpleFormIterator 的验证处理，重点关注 configs[].name 和 configs[].data 的错误如何映射到 TextInput 字段。重现所示的无效响应，并确认每个嵌套输入都显示其服务器验证错误，而不只是显示表单级别的 flash 消息。

由索引模型根据 Issue 内容生成。

描述

#249 is closed with the words that Hydra documentation could not be used. So, in my case I have this:

        <EditGuesser onSuccess={ onSuccess } {...props}>
            <InputGuesser source="domain"/>
            <ArrayInput source="configs"> // instead of InputGuesser, which doesn't detect as expected
                <SimpleFormIterator>
                    <TextInput label="setting" source="name"/> // instead of InputGuesser
                    <TextInput label="value" source="data"/> // instead of InputGuesser
                </SimpleFormIterator>
            </ArrayInput>
        </EditGuesser>

It renders this way:

And all works fine until I try to submit the data that is invalid. Here is the response:

The problem is that the errors do not get attached to the inputs. In fact no errors are displayed apart The form is not valid. Please check for errors. and then for some reason Server communication error. And those are displayed just as a flash message. How can I display the validation errors for configs[*].name and configs[*].data fields?

主要语言: TypeScript
星标: 516
派生: 134
PR 合并指标: 30 天内没有已合并 PR