onChange doesn't work with FromControl React Bootstrap

user_4083744 0
Viewed 1256

I am having issues getting the onChange event from FormControl in React Bootstrap.

const textChangeHandler = (e) => {
   console.log(e);
};

<InputGroup size="sm" className="mt-2">
    <InputGroup.Prepend>
        <InputGroup.Text onChange={textChangeHandler}>
            #
        </InputGroup.Text>
    </InputGroup.Prepend>
    <FormControl />
</InputGroup>

When I type in the text field it doesn't log the changes in the console. What am I doing wrong here?

react-bootstrap twitter-bootstrap reactjs
1 Answers

Put onChange props to your FormControl component

<InputGroup size="sm" className="mt-2">
    <InputGroup.Prepend>
        <InputGroup.Text >
            #
        </InputGroup.Text>
    </InputGroup.Prepend>
    <FormControl onChange={textChangeHandler}/>
</InputGroup>
user_138403070
Related