Ant Design表单复杂控件双层Form.Item 嵌套时，标签展示星号（*）方式

在双层嵌套时，rules 中设置 require: true 并不生效，解放办法可以用CSS 自己写一个星号加在它的类型上就可以了。

CSS:

.form-item-require-stars { 
  .ant-form-item-label > { 
    ::before { 
      display: inline-block;
      margin-right: 4px;
      font-family: SimSun, sans-serif;
      font-size: 14px;
      line-height: 1;
      color: #ff4d4f;
      content: '*';
    }
  }
}

tsx:

  <Form.Item
    label={ t('：')}
    className='form-item-require-stars'  // 添加上 className
    initialValue=''
  >
    <Form.Item
      name='dst_menu_ids'
      noStyle
      rules={ [{  required: true, message: t('') }]}
    >
      <Select mode='multiple' placeholder={ t('')}>
       // ...
      </Select>
    </Form.Item>
  </Form.Item>

原文链接：https://blog.csdn.net/weixin_42164539/article/details/127537204

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。