Javascript 如何使用Redux表单保存复合对象？

我在应用程序中使用redux表单，一切看起来都很棒。但是我不喜欢它处理输入的方式，或者我做了一个糟糕的设计

我的应用程序上有这个简单的表单（作为示例）

这不是我想要的。我想要类似json的东西，带有：

{userData: {
    email:blablabla@blabla,
    firstName:blablabla,
    lastName:bla
}}

我有自己的理由想这样做（动态表单）

有人知道如何处理这个问题吗？我喜欢redux表单，不想用Action、Reducer和诸如此类的东西来做所有的事情

---

感谢redux表单中的，这里有一个组件，仅用于您的问题

在您的情况下，它应该如下所示：

<form onSubmit={handleSubmit} onChange={handleChange}>
    <FormSection name='userData'>
    <div>      
      <label htmlFor="firstName">First Name</label>
      <Field name="firstName"
       component="input" type="text" 
       ref='firstName'
       withRef
       />
    </div>
    <div>
      <label htmlFor="lastName">Last Name</label>
      <Field name="lastName" component="input" type="text" />
    </div>
    <div>
      <label htmlFor="email">Email</label>
      <Field name="email" component="input" type="email" />
    </div>
    <FlatButton
      label={intl.formatMessage({ id: 'submit' })}
      type='submit'
      primary
    //disabled={!initialized}
    />
  <FormSection>
</form>

名字
姓
电子邮件

{userData: {
    email:blablabla@blabla,
    firstName:blablabla,
    lastName:bla
}}

<form onSubmit={handleSubmit} onChange={handleChange}>
    <FormSection name='userData'>
    <div>      
      <label htmlFor="firstName">First Name</label>
      <Field name="firstName"
       component="input" type="text" 
       ref='firstName'
       withRef
       />
    </div>
    <div>
      <label htmlFor="lastName">Last Name</label>
      <Field name="lastName" component="input" type="text" />
    </div>
    <div>
      <label htmlFor="email">Email</label>
      <Field name="email" component="input" type="email" />
    </div>
    <FlatButton
      label={intl.formatMessage({ id: 'submit' })}
      type='submit'
      primary
    //disabled={!initialized}
    />
  <FormSection>
</form>