onChange 不适用于 FromControl React Bootstrap

Question

我在从React Bootstrap 中获取onChange事件时遇到问题。FormControl

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

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

当我在文本字段中输入内容时，它不会在控制台中记录更改。我在这里做错了什么？

Answer 1

将onChangeprops 添加到您的FormControl组件中

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