可以通过react-select摆脱输入字段吗?

时间:2019-12-16 14:56:46

标签: reactjs

我将this包与React一起使用,而我试图将其用作搜索的“结果下拉列表”。问题是我似乎无法摆脱输入字段。有一个名为isSearchable的道具,但是它所做的就是禁用输入,但不会隐藏它。我的后悔是要么分叉它,要么使用另一个包,但是我真的很想让这个包工作。

我目前正将其用作

const options = [
  { value: "chocolate", label: "Chocolate" },
  { value: "strawberry", label: "Strawberry" },
  { value: "vanilla", label: "Vanilla" }
];

<Select
  hideSelectedOptions
  menuIsOpen={true}
  isSearchable={false}
  options={options}
>

但这只是呈现: img

是否可以删除输入内容,显示“选择...”? isDisabled道具也没有什么区别,似乎有点多余。

1 个答案:

答案 0 :(得分:1)

想通了。

<Select
  components={{
    Control: () => null
  }}
  options={options}
/>