reactjs - 标签未显示复选框

Question

我有一个正在编写的网络项目，我遇到了一个问题，我试图显示一个带有标签的复选框...复选框显示但没有标签

我去了https://material-ui.com并找到了一些要实现的代码，它显示了复选框但没有标签。

    {this.props.value === 3 ? (
      <div>
        <label htmlFor='chkInsulin'>
          <CheckBox name='chkInsulin' /> Take Insulin
        </label>
      </div>
    ) : (
      ''
    )}

他们没有错误消息..如果我在文本字段中输入 3，我希望它会做什么，它应该显示一个带有标签的复选框......但它显示了从中心推过的复选框并且看不到任何人的标签帮我？

标签： reactjs

Answer 1

你会考虑做这样的事情吗：

      <FormControlLabel
        control={
          <Checkbox/>
        }
        label="Take Insulin"
      />

这是来自https://material-ui.com/components/checkboxes/