ChoiceList
使用 ChoiceList 组件呈现一个选择列表,客户可以在其中进行单个选择或多个选择。
预览

示例代码
render('Checkout::Dynamic::Render', () => {
return (
<ChoiceList name="choice" type="radio" value="first" onChange={(value) => {
console.log(`onChange event with value: ${value}`);
}}>
<Choice id="first">Ship</Choice>
<Choice id="second">Pickup</Choice>
</ChoiceList>
);
});
ChoiceListProps
提示
标注 ? 的属性为可选,未标注 ? 的属性为必选。
name
string
当前组件的名称标识。
type
radio
checkbox
选择列表的类型。
value
T
表示所选选择项的 ID 的字符串或字符串数组。当设置为字符串时,选择项呈现为单选框。当设置为字符串数组时,选择项呈现为复选框。
onChange
(value: T) => void
每当选择列表更改时运行的回调函数。此回调返回选择哪些选项的 ID。
这篇文章对你有帮助吗?