Label

用来改进表单组件的可用性,使用 for 属性找到对应的 id,或者将控件放在该标签下,当点击时,就会触发对应的控件。for 优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。

属性

属性名类型默认值说明
forString绑定控件的 id

各端支持度

属性微信小程序H5ReactNative百度小程序支付宝小程序字节跳动小程序
forx
  1. import Taro, { Component } from '@tarojs/taro'
  2. // 引入 Label 组件
  3. import { RadioGroup, Radio, Label } from '@tarojs/components'
  4. class App extends Components {
  5. render () {
  6. return (
  7. <RadioGroup>
  8. <Label className='example-body__label' for='1' key='1'>
  9. <Radio value='USA'>USA</Radio>
  10. </Label>
  11. <Label className='example-body__label' for='2' key='2'>
  12. <Radio value='CHN' checked>
  13. CHN
  14. </Radio>
  15. </Label>
  16. </RadioGroup>
  17. )
  18. }
  19. }