从反应选择下拉列表中删除或隐藏选项答案

【问题标题】：Remove or hide option from react-select dropdown从反应选择下拉列表中删除或隐藏选项
【发布时间】：2020-09-04 01:28:21
【问题描述】：

我有一个应显示为默认值的 3 个状态的列表，但我需要从下拉列表中删除其中一个选项。我可以使用 isOptionDisabled 属性禁用它，但我的目标是删除。

现在我有一个带有选项的对象

export const userStatus = [
  { label: 'Active', value: 'ACTIVE' },
  { label: 'Blocked', value: 'BLOCKED' },
  { label: 'Pending', value: 'ACTIVATION_PENDING', isDisabled: true },
];

我想从下拉列表中删除待处理但如果它是默认值则显示为默认值。

我的选择组件看起来像这样

<Select
      name={name}
      fullWidth={fullWidth}
      components={{ DropdownIndicator }}
      isSearchable={false}
      value={selectValue}
      options={options}
      classNamePrefix="styled-select"
      variant={variant}
      isDisabled={disabled}
      hasError={hasError}
      onChange={onSelectChange}
      isOptionDisabled={isOptionDisabled}
    />

【问题讨论】：

标签： reactjs react-select

【解决方案1】：

您可以在将选项作为道具发送到 React-Select 之前过滤选项吗？

【讨论】：

如果我从选项中过滤该选项，它将不会显示为默认值