踩坑React antd 动态表单获取和设置值

Posted ewarm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了踩坑React antd 动态表单获取和设置值相关的知识,希望对你有一定的参考价值。

真是个悲伤的故事,由于动态表单里面嵌套动态表单,然后就不知道怎么获取和设置值了,然后公司的小朋友教我了QAQ

动态表单为

totalStrategy:{
    strategy:{
        mainArea:123,
        mainPublicArea:456,
    },
    strategy:{
        mainArea:123,
        mainPublicArea:456,
    }
}

  

获取 

form.getFieldValue([‘totalStrategy‘, field.name, ‘strategy‘, strategy.name, ‘mainArea‘])

设置 

 form.setFields([{
     name: [‘totalStrategy‘, field.name, ‘strategy‘, strategy.name, ‘mainPublicArea‘],
     value: secondCity
 }])

  

以上是关于踩坑React antd 动态表单获取和设置值的主要内容,如果未能解决你的问题,请参考以下文章

antd-mobile的ListView组件踩坑

react form 赋值

【React】antd的form表单的自定义校验规则的用法

react实现动态表单中嵌套动态表单

关于antd如何在表单外点击触发表单验证的问题

表单验证规则---antd