redux-form multiple checkbox, bool 값이없는 단일 배열의 값

Question

확인란이 bool 값을 받는다는 것을 알고 있으므로 여러 확인란을 사용하여이 값을 변경하려면 어떻게해야합니까? 난 내 모든 체크 박스의 JSX 파일이 어디에 아래

각 체크 박스는 범주이며, 사용자는 난 그냥 하나의 값을 변경하려고 해요 내 handleChange에서 하나 개 이상의 카테고리

<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>