onChange 不适用于 FromControl React Bootstrap答案

【问题标题】：onChange doesn't work with FromControl React BootstraponChange 不适用于 FromControl React Bootstrap
【发布时间】：2020-07-04 18:51:42
【问题描述】：

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

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

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

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

【问题讨论】：

标签： reactjs twitter-bootstrap react-bootstrap

【解决方案1】：

将 onChange 属性放到你的 FormControl 组件中

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

【讨论】：

如何使用它记录字段中的文本？它可以工作，但它正在返回一个对象
尝试记录e.target.value
很高兴为您提供帮助！祝你好运！