如何在React js中创建自定义下拉列表

时间:2019-08-02 13:09:34

标签: javascript reactjs semantic-ui semantic-ui-react

如何使单选下拉菜单中的筹码做出反应?实际上在multi-select中有筹码创建,如以下示例所示。我们可以在单选中做到这一点吗? https://codesandbox.io/s/semantic-ui-react-example-1k9ij

const DropdownExampleClearableMultiple = () => (
  <Dropdown
    clearable
    fluid

    search
    selection
    options={countryOptions}
    placeholder='Select Country'
  />
)

如果您从multiple组件中移除了Dropdown,则它变成了单选。但是,如果在单个选择的下拉列表中创建筹码,它将不会产生船运

API Dropdown

enter image description here

这种类型的芯片位于单个选定的下拉列表中

这可能吗?

1 个答案:

答案 0 :(得分:0)

您可以在下拉组件中添加“可清除”道具,以使用户删除选择并再次重新选择

const DropdownExampleClearableMultiple = () => (
  <Dropdown
    clearable
    fluid
    search
    selection
    options={countryOptions}
    placeholder='Select Country'
    clearable
  />
)

随时检查API