redux-form複数のチェックボックス、ブール値のない単一の配列の値

Question

チェックボックスがbool値を受け取るので、複数のチェックボックスを使ってこれを変更するにはどうすればよいですか？私は私のすべてのチェックボックス、JSXファイルを持っている場所の下

は、各チェックボックスがカテゴリであり、ユーザーは、私はちょうど単一の値を変更しようとしている私のhandleChangeに1つ以上のカテゴリ

<div className='columns is-multiline'> 
    {this.props.propsCategories.data.list.map((category, i) => (
    <div key={ i } className='column is-one-quarter'> 
     <Field 
     name='category[]' 
     label={ category.title } 
     component={ WrapperInputCheckbox } 
     setCategory={(e) => this.handleChange(e, category.id)} 
     /> 
    </div> 
))} 
</div> 

を選択することができ、あります。

//handleChange 
handleChange = (e, id) => { 
    e.target.value = id 
    console.log(e.target.value); 
} 

が、私は、カテゴリ配列に私のフォームを送信するとき、私は

Category: Array[0] 
    "" : true 
    length : 0 

まだブール値を取得：X

私は

category['id-1', 'id-n'] 

Answer 1

ような配列となって値を必要とします

<div className={classNameContentGroup}> 
    { items.map((item) => (
     <div className={`${classNameContent } ` + "width-1/2@small"}> 
      <input 
       {...input} 
       name={nameR} 
       type="checkbox" 
       value={ item.value } 
       className={className} 
       id={ `${nameR}-${item.value}` } 
      /> 
      <label className={classNameLabel} htmlFor={ `${ nameR}-${item.value}` }> 
       {item.label} 
      </label> 
     </div> 
    )) 
    } 
    </div> 
    { touched && (error && <span className="form-control-feedback">{error}</span>) } 
</FormGroup>