React Bootstrap：输入字段和 ref

Question

如何使用 react-bootstrap <Input> 和 ref。

import { Input } from 'react-bootstrap'

<input ref={node => {
      input = node
    }} placeholder="Enter text"/>

当我将上面的代码更改为如下所示的代码时，输入字段消失，没有任何错误。需要一些关于如何使用 react-bootstrap <Input> field 和 ref

的帮助

<Input type="text" ref={node => {
      input = node
    }} placeholder="Enter text"/>

Answer 1

存在一种称为输入包装器的东西，它没有任何 type。可以轻松完成。很抱歉为此打扰了 Whosebug。

<Input wrapperClassName="wrapper">
    <input className="form-control" ref={node => {
      input = node
    }} placeholder="Enter text"/>
</Input>

React Bootstrap: Input field along with ref