react-multiselect-checkboxes - 如何隐藏搜索框

Question

需要删除react-multiselect-checkboxes中的搜索功能。尝试了 isSearchable: {false}，但没有成功。如何隐藏其中的搜索功能？

Answer 1

目前我正在使用相同的库并且需要相同的行为。赶紧看源码，发现了这个。

hideSearch: true

当下拉菜单打开时，以上参数将隐藏搜索。上面的代码有效并且已经过测试。

Answer 2

没有简单的方法可以做到这一点。目前，我正在使用 multiselect-react-dropdown 版本 2.0.22，并且没有办法做到这一点。 不过，有一个解决方法。最好将CSS和占位符修改为空格字符串（“”）。

这是我的 react jsx 代码 及其工作原理：

<Multiselect
    className="selected-items"
    options={selectedPersons}
    displayValue="personName"
    placeholder=" "
    selectedValues={selectedPersons}
    onRemove={(value) => {
        setSelectedPersons(value);
    }}
    showCheckbox={true}
    showArrow={false}
    closeOnSelect={true}
    hidePlaceholder={true}
/>

您还需要修改 CSS:

.selected-items .optionListContainer {
    display: none !important;
}
.selected-items .searchBox {
    pointer-events: none !important;
    display: none !important;
}