如何在react js中创建自定义下拉菜单

Question

如何在react的单选下拉列表中制作芯片?实际上在multi-select中有芯片被创建，如下面的示例.can所示，我们在单选中也是这样做的？https://codesandbox.io/s/semantic-ui-react-example-1k9ij

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

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

如果从Dropdown组件中删除multiple，则它将变为单选芯片。如果在单选下拉列表中创建芯片，则不会创建发货方式.but

接口Dropdown

​

​

单选下拉列表中的此类型芯片

这个是可能的吗？

Answer 1

您可以向dropdown组件添加‘`clearable’道具，让用户删除选择并重新选择

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

请随时查看API