帶有 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