带有 react-bootstrap 的浮动标签

Question

我试图在这个例子中做浮动标签，但使用 react-bootstrap：

工作示例

我目前的组件：

<FormGroup controlId="email" bsSize="large">
        <FloatingLabel ref={this.floatingEmail}>Email</FloatingLabel >
        <FormControl
          autoFocus
          type="email"
          value={this.state.email}
          onChange={this.handleChange}
        />
      </FormGroup>

Answer 1

旧帖子，但如果这不是新人谷歌搜索想要的内容，请看一下这个库：https ://github.com/brennanwilkes/react-bootstrap-floating-label

Answer 2

React bootstrap 5.0 有浮动标签

https://react-bootstrap.github.io/components/forms/#forms-floating-labels