为什么我所有的 redux 表单复选框都被链接

Question

我正在尝试使用 redux-form 创建一个表单，但是我运行遇到了一个问题，当我选中一个复选框时，它们都会被选中。

我在一个表单元素中创建了我的复选框，它返回如下：

<div>
    <label>Content Type</label>
    {contentTypes.map(type=> {
        return(
            <Field
                label={type.name}
                name='content-type'
                component={this.renderField}
                content_type={type.type}
                type='checkbox'
                value='text'
            />
        )
    })}
</div>

renderField 函数如下所示：

renderField({label, type, value, input, content_type}) {
    return(
        <div className='form-group'>
            <label>{label}</label>
            <input
                {...input}
                className='form-control'
                type={type}
                value={content_type}
                name={input.name}
            />
        </div>
    )
}

我将值换成了 content_type，因为每次运行的值都是未定义的。我对 redux 形式非常陌生，所以如果我做错了什么请告诉我。

Answer 1

name='content-type'

你需要给他们起唯一的名字

为什么我所有的 redux 表单复选框都被链接

Why are all my checkboxes in redux form linked

reactjs

redux

redux-form