Сериализация React Bootstrap формы в объект

Есть форма, созданная с помощью React Bootstrap компонент:

<Form ref={form => this.form = form}>
    {
        inputNames.map((name, index) =>
            <FormGroup key={index}>
                <ControlLabel
                    htmlFor={name}>
                    {name}
                </ControlLabel>
                <FormControl
                    name={name}
                    id={name}
                    type="text"
                    defaultValue={this.getInputValue(name)} />
            </FormGroup>
        )
    }
</Form>

Форма сериализуется в пустой объект. Для сериализации использую form-serialize. Форма типа:

<form ref={form => this.form = form}>
    {
        inputNames.map((name, index) =>
            <div key={index}>
                <label htmlFor={name}>{name}</label>
                <input
                    name={name}
                    id={name}
                    type="text"
                    defaultValue={this.getInputValue(name)} />
            </div>
        )
    }
</form>

сериализуется нормально, но при этом теряется сам дизайн Bootstrap. Каким образом можно сохранить компоненты Bootstrap и сериализовать форму в объект?