Я использую семантический выпадающий элемент выбора в веб-приложении.По-Blur, событие отправляется в обработчик событий, который получает имя элемента, но значение возвращает ноль.Я использовал идентичный код в двух предыдущих формах без проблем (в моей системе три модуля, каждый вложенный (визуализированный) внутри предыдущего).Кроме того, я использую тот же метод обработки событий для элемента ввода текста, и он работает, просто выпадающий список вызывает нулевые значения.Синтетическая ошибка предупреждения о событии будет иногда появляться, но даже с e.persist () и кэшированием данных, значение возвращается null (атрибут name проходит через tho).
Я пробовал target, current-Target, Event.persist (), кэширование события в переменных.Даже жесткое кодирование значения = "Hi" в элемент html возвращает значение null.
Состояние safety-Equipment-DD представляет собой массив объектов {text: "", value: ""} и загружается вправильно, он отображает правильное имя и значение в последних двух формах, которые я создал.при ведении журнала я вижу, что значения значений присутствуют, и выбирается опция, которую выбирает пользователь.
//HTML element sending the event
< Form.Dropdown selection search label="Occupant Safety Equipment" options={this.state.SafetyEquipmentDD} onBlur={this.handleInputChangeDD} name="SafetyEquipment" />
//handling Method
handleInputChangeDD(event){
event.persist();
//let { name, value } = event.target; // returns null | null
let name = event.currentTarget.getAttribute('name');
let value = event.currentTarget.getAttribute('value');
console.log(name + " | " + value);
Когда вывод onBlur равен: Safety_Equipment |null
Когда вывод onChange: null |null
последнее значение должно быть значением выбранного элемента.