How to use

LegacyForm

in

@ant-design/compatible

render() {
    const {userInfo} = this.state

    return (
      <LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
        <Row gutter={8}>
          <Col span={18}>
            {this.renderGeneralForm()}
            {this.renderContactlForm()}
            {this.renderRoleForm()}
          </Col>
          <Col span={6} align="center">
            <AvatarForm src={userInfo.avatar} onUploadResult={avatarUrl => {
              if (avatarUrl) {
                userInfo.avatar = avatarUrl
                this.setState({userInfo})
              }
            }} />
          </Col>
        </Row>
      </LegacyForm>
    )
  }

<LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
  <LegacyForm.Item required label="分类英文名">
    {getFieldDecorator('name', {

<LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
  <LegacyForm.Item required label="权限名称">
    {getFieldDecorator('name', {

<LegacyForm className="ho_tbl_search">

<LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
  <LegacyForm.Item required label="角色名称">
    {getFieldDecorator('name', {

<LegacyForm {...Constants.DEF_FORM_ITEM_LAYOUT} layout="horizontal">
  <LegacyForm.Item required label="字典名称">
    {getFieldDecorator('name', {