Select2-Creatable组件输入新建选项时如何不筛选已有下拉元素

你以为设置filterOption={() => true}就能完全关闭选项过滤，实际上这个参数只能控制普通Select的内置过滤流程，对你当前使用的Creatable类型下拉选择组件完全不生效：
这类组件自带一套独立的选项组装逻辑，完全不受外层filterOption配置的管控，默认行为是只要你在输入框输入内容、且输入的文本没有和现有选项的标签完全匹配，就会自动把所有原有选项隐藏清空，只在列表里留一个“Create new”的创建入口，这就是输入后所有原有元素全部消失的根本诱因。

• 第一，保留filterOption={() => true}配置，堵住普通Select流程下的自动过滤逻辑
• 第二，绕开组件自带的选项组装流程，手动维护最终展示的全量选项列表：
  • 单独维护一个独立的全量选项数组，把初始化的预定义元素、下拉菜单打开时异步拉取的额外元素全部存在这个数组里
  • 不管当前输入框里敲了什么内容，都把这个全量数组作为options属性传给组件，绝不让组件内置逻辑有机会清空原有选项
  • “创建新元素”的提示节点由你自己手动拼在选项数组最前面，需要展示的时候就加进去，不需要展示就移除，完全不依赖组件自带的创建提示逻辑
• 第三，做好细节边界处理：
  • 给自定义的“创建新元素”节点加独立的标识（比如给节点对象加isCreateOption: true的标记），和普通业务选项做明确区分，避免组件在值匹配逻辑里把创建节点当成普通业务选项处理
  • 异步拉取额外元素的动作只在下拉菜单首次打开时触发一次，拉到的结果直接合并进全量选项数组，不要在输入过程中重置或清空这个数组
  • 自定义创建节点的展示文案时，可以动态把当前输入的内容拼进去，实现类似“创建新项：xxx”的提示效果，体验和组件内置的创建逻辑完全一致

内容的提问来源于stack exchange，提问作者Alexander Nestorov