reactjs - redux-form 7 强制复选框数组返回对象而不是数组

Question

我有一个复选框数组呈现为:

<form>
  {items.map(item => {
    <Field component="input" 
           type="checkbox"
           name=`items.{item.id}`
  })}
</form>

这给了我数组形式的值:

 {
           //index: 0,   1,     ,…, 120, 121, …    ,231, …                      
     item: [undefinded,undefined,…,true,undefined,…,true,undefined,…]
 }

相反，我更喜欢一个对象，(主要是为了避免创建大数组):

{
    120: true,
    131: true,
    165: false 
}

当itemId为整数时，有没有办法强制redux形式输出对象。

注意:如果 itemId 作为字符串传递，则 redux-form 确实返回一个数组。

类似的帖子，但解决方案不适用于 redux-form 7。

Answer 1

我在寻找同一问题的解决方案时遇到了这个问题。

最终对我有用的是在将初始值传递给表单时初始化对象

const ItemsForm = ({ items }) => {
    return <form>
        {items.map(item => {            
            <Field component="input"
                type="checkbox"
                name={`items.${item.id}`} />
        })}
    </form>
}

export default reduxForm({
    form: 'itemsForm'
})(ItemsForm)

像这样初始化表单:

<ItemsForm initialValues={{items: {}}} />