title: Ant design <Form.List> create static array of forms
body: <p>I am using <code>antd</code> with <code>react</code> to develop an application. </p>
  
  <pre><code>&lt;Form.List name="secondaryContacts"&gt;
    {(fields, { add, remove }) =&gt; {
      return (
        &lt;div&gt;
          {fields.map((field, index) =&gt; (
            &lt;Form.Item
              {...formItemLayoutWithOutLabel}
              label={index === 0 ? "" : ""}
              required={false}
              key={field.key}
            &gt;
              &lt;Form.Item
                {...field}
                validateTrigger={["onChange", "onBlur"]}
                rules={[
                  {
                    required: true,
                    validator: phoneNumberValidator
                  }
                ]}
              &gt;
                &lt;Input
                  placeholder="Secondary Contact"
                  addonAfter={
                    fields.length &gt;= 1 ? (
                      &lt;MinusCircleOutlined
                        onClick={() =&gt; {
                          remove(field.name);
                        }}
                      /&gt;
                    ) : null
                  }
                /&gt;
              &lt;/Form.Item&gt;
            &lt;/Form.Item&gt;
          ))}
          &lt;Form.Item {...formItemLayoutWithOutLabel}&gt;
            &lt;Button
              type="dashed"
              onClick={() =&gt; {
                add();
              }}
              style={{ width: "100%" }}
            &gt;
              &lt;PlusOutlined /&gt; Add Secondary Contact
            &lt;/Button&gt;
          &lt;/Form.Item&gt;
        &lt;/div&gt;
      );
    }}
  &lt;/Form.List&gt;;
  </code></pre>
  
  <p>Above is the code I am using to add dynamic form fields with validation using <code>Form.List</code>.  </p>
  
  <p>Now I have a specific scenario where I need to show 7 Sliders(<a href="https://ant.design/components/slider/" rel="nofollow noreferrer">https://ant.design/components/slider/</a>) for the selected <code>time slot</code> and store them in an array, so I thought of using <code>Form.List</code> and keep all sliders inside just like above(except that it's static).</p>
  
  <p>But I am not clear <strong>how I can achieve it with <code>Form.List</code></strong> and there are very few examples on the internet.</p>
  
  <p>I have a scenario where I need to have an array of forms and club them as an array using Form.List.</p>