React.Формы-реакции и флажки

Question

В моем приложении «Реакция» у меня есть общий компонент ввода:

class Input extends Component {
     constructor(props) {
        super(props);
        if (props) {           
            this.state = {
                elementType: props.elementType,
                elementConfig: props.elementConfig,
                cssClasses: props.cssClasses,
            };
        }
        this.changeValue = this.changeValue.bind(this);
    }

   render() {
     switch (this.state.elementType) {
            case ('input'):
                inputElement = <input
                    className={inputClasses.join(' ')}
                    {...this.state.elementConfig}
                    value={this.props.getValue() || ''}
                    onChange={this.changeValue} />;
                break;
             }

        return (
            <div className={requiredClass}>
                {inputElement}
                <span className={'text-danger'}>{requiredMessage}</span>
                <span className={'text-danger'}>{errorMessage}</span>
            </div>
        );
  }
}

Далее я использую эту группу входов с реакцией-формой:

<Formsy>
     <Input
           requiredMessage='required'
           required
           name="checkbox"
           elementType="input"
           elementConfig={{ type: 'checkbox', id: 'check1'}}
           cssClasses={['custom-input']}
                                         />

         <button type="button" disabled={!this.props.canSubmit}></button>
</Formsy>

Этот флажок должен быть обязательным,пока они не проверены, кнопка должна быть неактивной.но проблема в том, что я не могу установить флажки.Я новичок в реакции.Где моя ошибка?