如何使用redux-form预先填充反应表单输入字段?

时间:2018-09-12 09:20:25

标签: reactjs redux redux-form

我正在使用什么:

  1. redux-form@7.4.2
  2. react-redux@5.0.7
  3. redux@4.0.0
  4. react@16.4.1

我正在尝试使用上述堆栈来实现更新表单,我想用Redux数据预填充表单字段。 Redux表单已设置并且可以正常工作。我无法预先填充这些字段。

我的问题是:字段和initialState数据之间的连接如何还原才能用正确的数据填充正确的输入字段?

我看过下面的示例,但是我还没有弄清楚事情的运行方式。

Redux Form Prepopulate from initial State

谢谢

1 个答案:

答案 0 :(得分:0)

通过name组件中的Field属性建立连接。所以:

// your initialValues
{
   name: 'Tom',
   surname: 'Rossi'
}

// your component
<Field
   name: 'name'
   ...
/>

<Field
   name: 'surname'
   ...
/>