Reactjs 通过redux表单编辑细节实体:多个表单还是重复使用同一表单? 假定我使用的是ReDux形式,请考虑这个相当基本的例子。我在一页上有一张顾客名单。列表中的每个条目上都有一个编辑按钮。单击“编辑”按钮可导航到一个新页面(通过react router),该页面中有一个表单可编辑并向服务器提交更新

Reactjs 通过redux表单编辑细节实体:多个表单还是重复使用同一表单? 假定我使用的是ReDux形式,请考虑这个相当基本的例子。我在一页上有一张顾客名单。列表中的每个条目上都有一个编辑按钮。单击“编辑”按钮可导航到一个新页面(通过react router),该页面中有一个表单可编辑并向服务器提交更新,reactjs,redux-form,Reactjs,Redux Form,在上面的例子中,我是否应该拥有一个表单,并在每次导航到新客户时(通过不同的客户ID)对其重新初始化值?或者,每个潜在客户id是否应该有多个redux表单(即:多个redux表单状态) 因此,我的状态可能看起来像是重复使用相同形式的状态。每次显示表单的组件装载时,它都会一直重置为最新的值。所以他们点击编辑Customer2,将Customer2加载到这个表单状态。他们随后单击编辑客户3,用客户3的初始值覆盖客户2: { ... customerForm: {...redux-form-s

在上面的例子中,我是否应该拥有一个表单,并在每次导航到新客户时(通过不同的客户ID)对其重新初始化值?或者,每个潜在客户id是否应该有多个redux表单(即:多个redux表单状态)

因此,我的状态可能看起来像是重复使用相同形式的状态。每次显示表单的组件装载时,它都会一直重置为最新的值。所以他们点击编辑Customer2,将Customer2加载到这个表单状态。他们随后单击编辑客户3,用客户3的初始值覆盖客户2:

 {
  ...
  customerForm: {...redux-form-stuff...} 
 }
。。。或者,我想它可以为每个客户id创建一个新的表单状态,而不需要覆盖。但它必须动态地创建新的表单状态(甚至不知道如何做,我对reactjs还不熟悉)。但这将允许它在页面导航之间保持原始值

 {
  ...
  customerForm2: {...redux-form-stuff...}
  customerForm3: {...redux-form-stuff...} 
  customerForm4: {...redux-form-stuff...} 
  customerForm5: {...redux-form-stuff...} 
  ...and so on...
 }

这里的最佳实践是,就
redux form
而言,只有一种表单类型。因此,您可以让您的
CustomerForm
组件连接到
redux表单
,然后就像您所说的,每次加载它时,您都会从状态树中导入初始值

因为一次只显示一个表单,所以没有理由在内存中保留所有不同的表单状态,特别是当初始值只是从状态派生的值时