jdf2e / nutui-react

京东风格的移动端 React 组件库 、支持多端小程序(A React UI Toolkit for Mobile Web)
https://nutui.jd.com/react/
919 stars 263 forks source link

[FR]: Form增加对象结构 #2650

Open zbw920529 opened 1 month ago

zbw920529 commented 1 month ago

这个功能解决了什么问题?

image 如上图,我想将数据进行分类,比如基础信息保存在 baseinfo字段里面,baseinfo是一个对象,里面有身高、体重等信息,教育信息我想要保存在education字段里面,education也是一个对象,里面有school、speciality、idNo等字段。

你期望的组件设计是怎样的?

   <Form.Item name='name' label='姓名'>
        <Input align='right' placeholder='请输入' />
      </Form.Item>

      <Form.Item name={['education', 'school']} label='大学'>
        <Input align='right' placeholder='请输入' />
      </Form.Item>

      <Form.Item name='education.speciality' label='专业'>
        <Input align='right' placeholder='请输入' />
      </Form.Item>

      // 最终结果
      {
          name: '张三',
          education: {
            school: '清华大学',
            speciality: '工商管理'
          }
      }