You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在react-select的Creatable Select中隐藏‘Create New’菜单选项

解决Creatable Select隐藏“Create New”选项的问题

嘿,我明白你想去掉Creatable Select里的“Create New”选项的需求啦!你之前尝试的promptTextCreator={() => false}之所以没用,是因为这个属性的作用只是自定义“Create New”后面跟着的提示文本,并不是用来控制这个选项是否显示的~

正确的做法是使用Creatable Select提供的shouldDisplayCreateOption属性,这个属性接收一个函数,返回false就会完全隐藏“Create New”选项。

直接给你改好的代码示例:

import CreatableSelect from 'react-select/creatable';

// 你的组件代码
function YourComponent() {
  return (
    <CreatableSelect
      // 保留你原来的其他配置,比如options、onChange等
      shouldDisplayCreateOption={() => false}
    />
  );
}

这个方法会直接阻止“Create New”选项的渲染,完美解决你的问题!如果之后你需要根据某些条件动态显示/隐藏这个选项,也可以在shouldDisplayCreateOption的函数里添加判断逻辑哦。

内容的提问来源于stack exchange,提问作者Nnp

火山引擎 最新活动