ChoiceList

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

预览

ChoiceList.jpg

示例代码

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。


这篇文章对你有帮助吗?