title: Field array with one field at initial
body: <p>I am trying to use the concept of field array because in my app a user should be able to fill multiple value for same kind of field. I could do as per redux-form field array example, however, in an example there is no initial field we have to first click on add member and then only we can have the field to fill the value but i need one field initially and then add further field if user wants to.</p>
  
  <p>I tried from the redux-form example but its not allowing me to input the value at all. Here is the demo</p>
  
  <p><a href="https://codesandbox.io/s/n47qr2pvzl" rel="nofollow noreferrer">https://codesandbox.io/s/n47qr2pvzl</a></p>
  
  <p>The format of that field value should be like this</p>
  
  <pre><code>general: {
   general_information: {
    members: [
     {
       name: ''
     },
     {
       name: ''
     }
  ]
  }
  } 
  </code></pre>
  
  <p>Here is the code </p>
  
  <pre><code>const renderMembers = ({ fields, meta: { touched, error, submitFailed } }) =&gt; (
    &lt;ul&gt;
      &lt;li&gt;
        &lt;button type="button" onClick={() =&gt; fields.push({})}&gt;
          Add Member
        &lt;/button&gt;
        {(touched || submitFailed) &amp;&amp; error &amp;&amp; &lt;span&gt;{error}&lt;/span&gt;}
      &lt;/li&gt;
      {fields.map((member, index) =&gt; (
        &lt;li key={index}&gt;
          &lt;button
            type="button"
            title="Remove Member"
            onClick={() =&gt; fields.remove(index)}
          /&gt;
          &lt;h4&gt;Member #{index + 1}&lt;/h4&gt;
          &lt;Field
            name={`${member}.name`}
            type="text"
            component={renderField}
            label="Name"
          /&gt;
        &lt;/li&gt;
      ))}
    &lt;/ul&gt;
  );
  
  const FieldArraysForm = props =&gt; {
    const { handleSubmit, pristine, reset, submitting } = props;
    return (
      &lt;form onSubmit={handleSubmit}&gt;
        &lt;Field
          name="general.general_information.clubName"
          type="text"
          component={renderField}
          label="Club Name"
        /&gt;
        &lt;Field
          name="general.general_information.members.name"
          type="text"
          component={renderField}
          label="Name"
        /&gt;
        &lt;FieldArray
          name="general.general_information.members"
          component={renderMembers}
        /&gt;
        &lt;div&gt;
          &lt;button type="submit" disabled={submitting}&gt;
            Submit
          &lt;/button&gt;
          &lt;button type="button" disabled={pristine || submitting} onClick={reset}&gt;
            Clear Values
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    );
  };
  </code></pre>