phoneNumbers.js

const renderPhoneNumbers = ({ fields, meta: { touched, error, submitFailed } }) => (
  <ul>
    <li>
      <button type="button" onClick={() => fields.push({})}>Add Phone Number</button>
      {(touched || submitFailed) && error && <span>{error}</span>}
    </li>
    {fields.map((member, index) => {
      const field = fields.get(index)
      if (field && field._destroy) {
        return false
      }
      return(
        <li key={index}>
          <Field name={`${member}._destroy`} component={OneClickButton} label={'Remove Phone Number'} />
          <Field
            name={`${member}.title`}
            type="text"
            component={renderField}
            label="Title"/>
          <Field
            name={`${member}.value`}
            type="text"
            component={renderField}
            label="Value"/>
        </li>
      )
    }
    )}
  </ul>
)