Checkbox
使用 Checkbox 组件为客户提供单一二元选项,例如注册营销或同意条款和条件。
预览

示例代码
render('Checkout::Dynamic::Render', () => {
return <Checkbox id="checkbox" name="checkbox">Save this information for next time</Checkbox>;
});
CheckboxProps
提示
标注 ? 的属性为可选,未标注 ? 的属性为必选。
id?
string
用于当前组件的唯一标识符。如果未设置 ID,则会使用全局唯一值,全局唯一值为组件内部自行创建的 ID。
name?
string
当前组件的名称标识。
value?
boolean
Checkbox 组件是否处于激活状态。true 为勾选,false 为非勾选。此属性是 checked 的别名。如果同时设置了 value 和 checked,则 checked 优先。用于兼容在表单内使用的场景,提供标准的 value 键值。
checked?
boolean
Checkbox 组件是否处于激活状态。true 为勾选,false 为非勾选。
disabled?
boolean
Checkbox 组件是否禁用。true 为禁用,false 为非禁用。
error?
string
向客户展示的错误信息。若配置该传参,组件将会标红显示,并展示错误信息。
accessibilityLabel?
string
设置该组件的标签,将用于屏幕阅读器客户理解组件功能。配置该功能等同设置 aria-label 属性。
onChange?
(value: boolean) => void
每当 Checkbox 组件更改时运行的回调函数。此回调是使用一个布尔值调用的,指示 Checkbox 组件现在是否应处于激活或非激活状态。
这篇文章对你有帮助吗?