How to use

FormItem

in

@ant-design/compatible

    </Button>
   </Dropdown>
  </Form.Item>
  {frameworkItem && frameworkItem.docsLink && (
   <Alert
    </Button>
   </Dropdown>
  </Form.Item>
  <Form.Item label="Charting Library">
   <Dropdown
    </Button>
   </Dropdown>
  </Form.Item>
  <Form.Item label="Web Socket Transport (Real-time)">
   <Switch
  </Form.Item>
 </StyledForm>
</StyledModal>

const LoginSubmit = ({ className, ...rest }) => {
  const clsString = classNames(styles.submit, className)
  return (
    <FormItem>
      <Button size="large" className={clsString} type="primary" htmlType="submit" {...rest} />
    </FormItem>
  )
}

const renderContactlForm = () => {
    return (
      <Card title="联系信息" bordered={false} size="small">
        <LegacyForm.Item label="手机号码">
          {getFieldDecorator('mobile')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="电子邮件">
          {getFieldDecorator('email')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="地区">
          <SelectLocation location={userInfo.location} onChange={value => {
            userInfo.location = value
          }} />
        </LegacyForm.Item>
      </Card>
    )
  }

renderContactlForm() {
    const {getFieldDecorator} = this.props.form
    const {userInfo} = this.state

    return (
      <Card title="联系信息" bordered={false} size="small">
        <LegacyForm.Item label="手机号码">
          {getFieldDecorator('mobile')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="电子邮件">
          {getFieldDecorator('email')(<Input />)}
        </LegacyForm.Item>
        <LegacyForm.Item label="地区">
          <SelectLocation location={userInfo.location} onChange={value => {
            userInfo.location = value
            this.setState({userInfo})
          }} />
        </LegacyForm.Item>
      </Card>
    )
  }

      }) : '未设置'}
    </div>
  </LegacyForm.Item>
  <LegacyForm.Item label={<Tooltip title="用户实际权限为角色权限+管理员设置权限">权限 <Icon type="question-circle" /></Tooltip>}>
    <div>
      }) : '未设置'}
    </div>
  </LegacyForm.Item>
</Card>

    </UploadFile>
  </div>
</LegacyForm.Item>

  </LegacyForm.Item>
  <LegacyForm.Item required label="分类显示名">
    {getFieldDecorator('dis_name', {
      rules: [{required: true, message: '显示名称必填'}]
    })(<Input placeholder="请输入" />)}
  </LegacyForm.Item>
</LegacyForm>

      }} />
    </div>
  </LegacyForm.Item>
  <LegacyForm.Item label={<Tooltip title="用户实际权限为角色权限+管理员设置权限">权限 <Icon type="question-circle" /></Tooltip>}>
    <div>
      }} />
    </div>
  </LegacyForm.Item>
</Card>

        rules
      })(<InputComp {...inputProps} style={{width: '100%'}} />)}
    </Form.Item>
  </Form>
</Modal>

const inputProps = omit(otherProps, ['onGetCaptcha', 'countDown'])
return (
  <FormItem wrapperCol={{span: 24}}>
    <Row gutter={8}>
      <Col span={16}>{getFieldDecorator(name, options)(<Input {...customProps} {...inputProps} />)}</Col>
<FormItem wrapperCol={{span: 24}}>
  <Row gutter={8}>
    <Col span={16}>{getFieldDecorator(name, options)(<Input {...customProps} {...otherProps} />)}</Col>

  </LegacyForm.Item>
  <LegacyForm.Item required label="显示名称">
    {getFieldDecorator('dis_name', {
      rules: [{required: true, message: '显示名称必填'}]
    })(<Input placeholder="请输入" />)}
  </LegacyForm.Item>
  <LegacyForm.Item label="分类" extra="可选">
    <Row gutter={8}>
      </Col>
    </Row>
  </LegacyForm.Item>
  <LegacyForm.Item label="取值列表">
    <ValuesList editMode={editMode} dictInstance={dictRef.current} onOk={valueList => {
      dictRef.current.values = valueList
    }} />
  </LegacyForm.Item>
  <LegacyForm.Item label="备注">
    {getFieldDecorator('description')(<Input.TextArea placeholder="请输入" />)}
  </LegacyForm.Item>
</LegacyForm>

  </LegacyForm.Item>
  <LegacyForm.Item required label="显示名称">
    {getFieldDecorator('dis_name', {
      rules: [{required: true, message: '显示名称必填'}]
    })(<Input placeholder="请输入" />)}
  </LegacyForm.Item>
  <LegacyForm.Item label="分类名称" extra="可选">
    <Row gutter={8}>
      </Col>
    </Row>
  </LegacyForm.Item>
  <LegacyForm.Item label="备注">
    {getFieldDecorator('description')(<Input.TextArea placeholder="请输入" />)}
  </LegacyForm.Item>
</LegacyForm>

  </LegacyForm.Item>
  <LegacyForm.Item required label="昵称">
    {getFieldDecorator('nick_name', {
  </LegacyForm.Item>
  <LegacyForm.Item label="密码">
    {getFieldDecorator('password', {
      />
    )}
  </LegacyForm.Item>
  <LegacyForm.Item label="性别">
    {getFieldDecorator('gender')(
      </Select>
    )}
  </LegacyForm.Item>
  <LegacyForm.Item label="真实姓名">
    {getFieldDecorator('real_name')(<Input />)}
  </LegacyForm.Item>
</Card>

  </LegacyForm.Item>
  <LegacyForm.Item required label="显示名称">
    {getFieldDecorator('dis_name', {
      rules: [{required: true, message: '显示名称必填'}]
    })(<Input placeholder="请输入" />)}
  </LegacyForm.Item>
  <LegacyForm.Item label="分类名称" extra="可选">
    <Row gutter={8}>
      </Col>
    </Row>
  </LegacyForm.Item>
  <LegacyForm.Item label="角色权限">
    <div>
      }} />
    </div>
  </LegacyForm.Item>
  <LegacyForm.Item label="备注">
    {getFieldDecorator('description')(<Input.TextArea placeholder="请输入" />)}
  </LegacyForm.Item>
</LegacyForm>

  </LegacyForm.Item>
  <LegacyForm.Item label="管理员用户">
    {getFieldDecorator('is_admin')(<Switch checked={userInfo.is_admin} onChange={val => userInfo.is_admin = val} />)}
  </LegacyForm.Item>
  <LegacyForm.Item required label="昵称">
    {getFieldDecorator('nick_name', {
  </LegacyForm.Item>
  <LegacyForm.Item required={editMode === 1} label="密码">
    {getFieldDecorator('password', {
      />
    )}
  </LegacyForm.Item>
  <LegacyForm.Item label="性别">
    {getFieldDecorator('gender')(
      </Select>
    )}
  </LegacyForm.Item>
  <LegacyForm.Item label="真实姓名">
    {getFieldDecorator('real_name')(<Input />)}
  </LegacyForm.Item>
</Card>