Redux-Form 动态创建 N 个表单

Question

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

所有的形式都是一样的，除了它们的初始值。

我面临的主要问题是我需要使用表单名称将reducer插入到表单中-例如，以下示例显示了我们当前如何使用表单名称SHIPPING_ADDRESS_FORM_NAME将reducer插入到表单中：

import { reducer as formReducer } from 'redux-form';
const addressReducerPlugin = (state, action) => {
    switch (action.type) {
        case CHANGE:
            return action.meta.field !== 'country'
                ? state
                : { ...state, values: { ...state.values, state: '' } };
        default:
            return state;
    }
};
export default formReducer.plugin({
    [SHIPPING_ADDRESS_FORM_NAME]: addressReducerPlugin,
});

有没有办法动态创建 N 个单独的表单，还是我只需要创建一个表单来包装我的 N 个表单和索引它们？

谢谢。

Answer 1

如果您真的想为所有收货地址提供单独的、独立的表单（而不是管理an array of addresses 的表单，您可以在装饰它们时将唯一的名称传递给reduxForm()。

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

完全有效。

这有帮助吗？