Label
用来改进表单组件的可用性,使用 for 属性找到对应的 id,或者将控件放在该标签下,当点击时,就会触发对应的控件。for 优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。
属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
for | String | 绑定控件的 id |
各端支持度
属性 | 微信小程序 | H5 | ReactNative | 百度小程序 | 支付宝小程序 | 字节跳动小程序 |
---|---|---|---|---|---|---|
for | ✔ | ✔ | x | ✔ | ✔ | ✔ |
import Taro, { Component } from '@tarojs/taro'
// 引入 Label 组件
import { RadioGroup, Radio, Label } from '@tarojs/components'
class App extends Components {
render () {
return (
<RadioGroup>
<Label className='example-body__label' for='1' key='1'>
<Radio value='USA'>USA</Radio>
</Label>
<Label className='example-body__label' for='2' key='2'>
<Radio value='CHN' checked>
CHN
</Radio>
</Label>
</RadioGroup>
)
}
}