title: how can I initial value in the From of antd design?
body: <p>I am creating a CRM website.
  I need to edit my form, which needs to preload the data into the form.
  I try to initial my data into the field.
  But it shows object Object.  Can I know how can I solve this situation?
  &quot;</p>
  <p>&quot;
  &quot;</p>
  <p>&quot;
  &quot;</p>
  <p>&quot;
  &quot;</p>
  <p>&quot;
  &quot;</p>
  <p>&quot;
  &quot;</p>
  <p>&quot;</p>
  <p>My code:</p>
  <pre><code>   &lt;Form name=&quot;dynamic_form_nest_item&quot; onFinish={onFinish}&gt;
        {/* {console.log(typeof timeSlotObj)}
        {console.log(timeSlotObj.timeSlots)} */}
        &lt;Form.List name=&quot;timeSlots&quot; initialValue={timeSlotObj.timeSlots}&gt;
          {(fields, { add, remove }) =&gt; (
            &lt;&gt;
              {fields.map((field) =&gt; (
                &lt;Space
                  key={field.key}
                  style={{ display: &quot;flex&quot;, marginBottom: 8 }}
                  align=&quot;baseline&quot;
                &gt;
                  &lt;Form.Item
                    {...field}
                    name=&quot;slotId&quot;
                    fieldKey={[field.fieldKey, &quot;slotId&quot;]}
                    hidden
                  &gt;&lt;/Form.Item&gt;
  
                  &lt;Form.Item
                    {...field}
                    //   name={[field.name, &quot;venue&quot;]}
                    fieldKey={[field.fieldKey, &quot;venue&quot;]}
                    //   initialValue={timeSlotObj.timeSlots[field.fieldKey].venue}&gt;
                    rules={[
                      { required: true, message: &quot;「必須填寫地點/地區&quot; },
                    ]}
                  &gt;
                    &lt;Input placeholder=&quot;地點/地區&quot; /&gt;
                  &lt;/Form.Item&gt;
                  &lt;Form.Item
                    {...field}
                    //   name={[field.name, &quot;date&quot;]}
                    fieldKey={[field.fieldKey, &quot;dateKey&quot;]}
                    rules={[{ required: true, message: &quot;必須填寫時段&quot; }]}
                  &gt;
                    &lt;RangePicker
                      ranges={{
                        Today: [moment(), moment()],
                        &quot;This Month&quot;: [
                          moment().startOf(&quot;month&quot;),
                          moment().endOf(&quot;month&quot;),
                        ],
                      }}
                      onChange={selectDate}
                    /&gt;
                  &lt;/Form.Item&gt;
                  &lt;Form.Item
                    {...field}
                    //   name={[field.name, &quot;price&quot;]}
                    fieldKey={[field.fieldKey, &quot;price&quot;]}
                    rules={[{ required: true, message: &quot;「必須填寫價錢&quot; }]}
                  &gt;
                    &lt;Input placeholder=&quot;價錢&quot; /&gt;
                  &lt;/Form.Item&gt;
                  &lt;Form.Item
                    {...field}
                    //   name={[field.name, &quot;quota&quot;]}
                    fieldKey={[field.fieldKey, &quot;quota&quot;]}
                    rules={[
                      { required: true, message: &quot;「必須填寫攤位數目&quot; },
                    ]}
                  &gt;
                    &lt;Input placeholder=&quot;攤位數目&quot; /&gt;
                  &lt;/Form.Item&gt;
                  &lt;MinusCircleOutlined onClick={() =&gt; remove(field.name)} /&gt;
                &lt;/Space&gt;
              ))}
              &lt;Form.Item&gt;
                &lt;Button
                  type=&quot;dashed&quot;
                  onClick={() =&gt; add()}
                  block
                  icon={&lt;PlusOutlined /&gt;}
                &gt;
                  新增場次
                &lt;/Button&gt;
              &lt;/Form.Item&gt;
            &lt;/&gt;
          )}
        &lt;/Form.List&gt;
        &lt;Form.Item&gt;
          &lt;Button type=&quot;primary&quot; htmlType=&quot;submit&quot;&gt;
            更新
          &lt;/Button&gt;
        &lt;/Form.Item&gt;
      &lt;/Form&gt;
  </code></pre>
  <p>My initial value input :</p>
  <pre><code>  {
  &quot;timeSlotsFrom&quot;: [
      {
          &quot;timeSlots&quot;: [
              {
                  &quot;slotId&quot;: 0,
                  &quot;venue&quot;: &quot;Zone A&quot;,
                  &quot;date&quot;: [
                      &quot;2021-04-08T07:42:11.839Z&quot;,
                      &quot;2021-04-17T07:42:11.839Z&quot;
                  ],
                  &quot;price&quot;: &quot;31&quot;,
                  &quot;quota&quot;: 0
              },
              {
                  &quot;slotId&quot;: 1,
                  &quot;date&quot;: [
                      &quot;2021-04-08T07:42:15.914Z&quot;,
                      &quot;2021-04-16T07:42:15.914Z&quot;
                  ],
                  &quot;price&quot;: &quot;21&quot;,
                  &quot;quota&quot;: &quot;2&quot;,
                  &quot;venue&quot;: &quot;Zone B&quot;
              }
          ]
      }
  ],
  </code></pre>
  <p>}</p>
  <p>There is my exiting output :
  <a href="https://i.stack.imgur.com/nafYv.png" rel="nofollow noreferrer">There is my exiting output</a></p>