React-Bootstrap中的controlId是什么?

34

我刚刚在浏览React-bootstrap表单,请问controlId的用途是什么?它是否类似于我们在旧表单中使用的name

<form>
    <FormGroup
      controlId="formBasicText" ---------------------->> what is the use?
      validationState={this.getValidationState()}
    >
      <ControlLabel>Working example with validation</ControlLabel>
      <FormControl
        type="text"
        value={this.state.value}
        placeholder="Enter text"
        onChange={this.handleChange}
      />
      <FormControl.Feedback />
      <HelpBlock>Validation is based on string length.</HelpBlock>
    </FormGroup>
  </form>

1
你读了这段文字吗?“为确保可访问性,在<FormGroup>上设置controlId,并使用<ControlLabel>作为标签。” - Felix Kling
1个回答

52

您可以在v3文档此处找到:

<FormControl>上设置id,在<FormGroup.Label>上设置htmlFor。

基本上就是输入框的id和标签的for属性。

这里输入图片描述


1
感谢Sagiv b.g的回答。我只是提供了更新后的URL https://react-bootstrap.github.io/components/forms/#form-group-props。 - Edgar Manukyan

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接