如何将验证规则添加到 Antd Form.List

Question

我有一个包含Form.List的表单。它将用于将歌曲添加到专辑中。

我想确保专辑至少包含一首歌曲，但 Form.List 只有道具name和children。

如何验证这一点？

谢谢

Answer 1

<Form.List 
name="names"
>
{fields => (
<div>
{fields.map(field => (
<Form.Item {...field}>
<Input />
</Form.Item>
))}
</div>
)}
</Form.List>

这是来自antd文档的解决方案。根据我的经验，我可以在Form.List子呈现方法中添加这个方便的方法和错误。

<Form.List
name="names"
>
{(fields, { add, remove }, { errors }) => (
...

Answer 2

设置条件以查看专辑是否至少包含一首歌曲。 如果没有，则不呈现表单列表 如果是，则呈现表单列表