Компонент React Select (Creatable). Как сделать так, чтобы при клике не открывался выпадающий список?

Question

[Борис Животное]

https://react-select.com/creatable
Я хочу сделать так, чтобы выпадающий список с элементами списка открывался только при клике на области, помеченной оранжевым цветом на скриншоте (стрелочка справа). При этом, когда я нажал на область, где отображается значение, то там можно написать что-то и добавить, то есть в остальном функционал останется таким как был.

Я не имею понятия, как вообще это можно сделать, что нужно переопределять или какие опции передавать.

Answer 1

[Дмитрий]

Это не сложный вопрос, просто всегда в таких случаях лезьте на api страницу с описанием props-ов
https://react-select.com/props#select-props

Там вы найдете свойство openMenuOnClick, которое отвечает за упомянутое вами поведение.

Comments

[Борис Животное]

Это не работает в Createable Select.

[Дмитрий]

Борис Животное, Не знаю, я прошел по вашей ссылке, перешел на codesandbox С примерами, попробовал - работает.

[Борис Животное]

Дмитрий, у меня была опечатка. Ваш ответ помог.