Redux-Form动态创建N个表单

时间:2019-03-06 16:28:23

标签: reactjs redux react-redux redux-form

我们正在处理一种情况,我需要根据从后端获取的数据来构建 N 个表单。

除初始值外,所有形式均相同。

我面临的主要问题是我需要使用表单名称将reducer插入表单-例如,以下示例显示了我们当前如何使用表单名称TextBlock来将reducer插入具有表单的表单:

<Window x:Class="MyApplication.MyWindow"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:MyApplication"
             Height="450" Width="800">
    <Grid>
        <TreeView MaxHeight="XXX" MaxWidth="XXX">
            <TreeView.Resources>
                <HierarchicalDataTemplate DataType="{x:Type local:TreeParentClass}" ItemsSource="{Binding TreeParentMembers}">
                    <TextBlock MaxWidth="XXX"/>
                </HierarchicalDataTemplate>
            </TreeView.Resources>
        </TreeView>    
    </Grid>
</Window>

有没有一种方法可以动态地 创建 N 个单独的表单,还是只需要创建1个表单来包装我的 N 表单,索引他们?

谢谢。

1 个答案:

答案 0 :(得分:0)

如果您真的想为所有收货地址提供单独的独立表格(与管理an array of addresses的表格相对应,则装饰时只需将唯一的名称传递给reduxForm()

reduxForm({
  form: 'shippingAddress0'
})(AddressForm)

完全有效。

有帮助吗?