1

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. enter image description here

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.

acon24
  • 33
  • 5

0 Answers0