如何在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




