React Bootstrap: Eingabefeld zusammen mit Ref

Question

So verwenden Sie react-bootstrap<Input> mit ref.

import { Input } from 'react-bootstrap' 

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

Wenn ich den obigen Code zu dem unten gezeigten ändern, verschwindet das Eingabefeld ohne Fehler. Brauchen Sie Hilfe, wie react-bootstrap<Input> field zusammen zu verwenden, um mit ref

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

Answer 1

Es gibt etwas, als Eingabe Wrapper bekannt gibt, die jede type haben doesnot. Kann leicht gemacht werden. Entschuldigung dafür, StackOverflow dafür zu stören.

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