Отключена причина для опции в реакции-выбора

Question

Есть ли способ показать, почему опция отключена, когда я использую реагировать на выбор?Что-то вроде свойства disabledReason в объекте option?

Answer 1

Одним из возможных решений является

1. Используйте команду SyntheticEvent onMouseEnter реагирования на компоненте выбора реакции, чтобы проверить, не зависает ли мышь.
2. Проверьте, отключены ли компоненты реакции выбора

3. Если выбор реакции отключен, показать всплывающую подсказку

   В React onMouseEnter или hover не работают должным образом

   https://reactjs.org/docs/events.html#mouse-events

   div всплывающей подсказки с ReactJS

Answer 2

Предполагая, что вы хотите показать причину вместе с отключенной опцией в меню, вы можете переопределить способ отрисовки опции так, чтобы она включала причину.

Как сделать это точно с реакцией-select API зависит от того, используете ли вы V1 или V2 реагирующего выбора.

Пример для V1: https://github.com/JedWatson/react-select/blob/v1.x/examples/src/components/CustomComponents.js
Документы для V2: https://react -select.com / props #замещающая-компонента