如何将验证规则添加到Antd Form.List

时间:2020-05-31 16:47:40

标签: reactjs forms antd

我有一个包含Form.List的表格。它将用于将歌曲添加到专辑。

我想确保一张专辑至少包含一首歌曲,但是Form.List仅包含道具namechildren

我该如何验证?

谢谢

2 个答案:

答案 0 :(得分:0)

设置条件以查看专辑中是否至少包含一首歌曲。 如果不是,则不呈现form.list 如果是,请呈现form.list

答案 1 :(得分:0)

server {
  listen 443 ssl;
  listen 5050 ssl;
  #listen [::]:443 ipv6only=on ssl;
  server_name my-gitlab.org; ## Replace this with something like gitlab.example.com
  server_tokens off; ## Don't show the nginx version number, a security best practice
  root /opt/gitlab/embedded/service/gitlab-rails/public;

  ssl_certificate /nginx-1.18.0/my-gitlab.crt;
  ssl_certificate_key /nginx-1.18.0/my-gitlab.key;

  ssl_ciphers "ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA:ECDHE-RSA-AES128-SHA:ECDHE-RSA-DES-CBC3-SHA:AES256-GCM-SHA384:AES128-GCM-SHA256:AES256-SHA256:AES128-SHA256:AES256-SHA:AES128-SHA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!MD5:!PSK:!RC4";
  ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
  ssl_prefer_server_ciphers on;
  ssl_session_cache shared:SSL:10m;
  ssl_session_timeout 5m;

  location / {
    client_max_body_size 0;
    gzip off;
    
    proxy_cache off;

    proxy_read_timeout      300;
    proxy_connect_timeout   300;
    proxy_redirect          off;

    proxy_http_version 1.1;

    proxy_set_header    Host                $http_host;
    proxy_set_header    X-Real-IP           $remote_addr;
    proxy_set_header    X-Forwarded-Ssl     on;
    proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Proto   $scheme;
    proxy_pass https://my-gitlab-IP;
  }
}

这是solution from antd docs。根据我的经验,我可以在 Form.List 子渲染方法中添加这个方便的方法和错误。

<Form.List 
name="names"
>
  {fields => (
    <div>
      {fields.map(field => (
        <Form.Item {...field}>
          <Input />
        </Form.Item>
      ))}
    </div>
  )}
</Form.List>