У меня есть раскрывающийся список semanti c на ReactJS, и я хочу вызвать событие onChange только тогда, когда пользователь действительно выбирает параметр, а не когда список параметров все еще отображается.
Позвольте мне объяснить:
Раскрывающийся список создается следующим образом:
<Dropdown
placeholder='Select language'
fluid
search
selection
options={options}
onChange={...}
/>
, который выглядит так:
При нажатии на него открывается (выпадает?) Список параметров:
Проблема заключается в что при использовании стрелок вниз до go для требуемой опции, срабатывает onChange каждый раз, когда вы нажимаете стрелку вниз. В этом случае, чтобы достичь Aragones, он запускает onChange 4 раза.
Я хочу запускать onChange только тогда, когда список опций закрывается , а не 3 предыдущих раза, когда пользователь не хотел выбирать какое-либо значение:
Интуитивно для меня, пользователь хочет выбрать значение только тогда, когда он нажал ввод, или щелкнул в опции, или щелкнул вне параметров, чтобы закрыть список опций. В противном случае она просто просматривает. Но я не хотел бы писать отдельных слушателей для всех этих случаев.
В моем случае выбор опции имеет много последствий, поэтому я хочу знать, когда пользователь действительно хочет это сделать. Как я могу это сделать?
В качестве альтернативы, я могу прослушать, чтобы показать или скрыть события для списка опций? или спросите в onChange, отображается ли список опций или скрыт?
Спасибо!