I created a component called InputField.js
import React, {Component} from 'react';
import {FormGroup, FormControl} from 'react-bootstrap';
export class InputField extends Component {
render() {
return (
<FormGroup>
<FormControl type="text"/>
</FormGroup>
);
}
}
when I wrap the FormControl component in a FormGroup component it makes all user input uppercase by default.
When i remove the FormGroup component the default uppercase behavior is removed (which is what i want). Is this the default behavior for components wrapped by the FormGroup component? I checked if there was any onChange methods passed down as props but nothing was added. So I am not sure if that is the default behavior of FormGroup.