The `name` prop in Form.Item component can't take more than 3 items in array, caused error "please transfer a valid name path to form item!"

[fahmiegerton]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.0.0-beta.8

Environment

Windows 10 Home Version 21H1 (Build 19043.1466), Microsoft Edge 97.0.1072.69 (Official build) (64-bit), Vue 3.0.5, @inertiajs/inertia-vue3 0.6.0

Reproduction link

Steps to reproduce

• Creating dynamic form item (ref https://next.antdv.com/components/form#components-form-demo-dynamic-form-item)
• Set name prop like :name="['form', 'items', index, 'first']"
• Try to type in the field
• Error occurred please transfer a valid name path to form item!

What is expected?

No error occurred and data is validated

What is actually happening?

the error occurred in console please transfer a valid name path to form item! and the validation error

---

if the array item is more than 3, it will caused the error, but if it's just 3, it will be fine (I haven't tried yet if less than 3)

[tangjinzhou]

:model="dynamicValidateForm" and name is related.

we will get validate name by dynamicValidateForm.a.b.c... (name is ['a', 'b', 'c'])

[fahmiegerton]

so, the name in form item and the input v-model should be exact same? like name="form.items.0.first" and the v-model should be v-model:value="form.items.0.first" ? could you maybe open the sandbox code and gave me an example? thanks! @tangjinzhou

[DesKevinMendez]

Do you have some solution for this issue @fahmiegerton ?

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.