Как получить текст выбранноговариант в ReactJS?

Question

Я работаю над приложением ReactJS и пытаюсь получить текст выбранной опции в раскрывающемся списке (компонент семантического интерфейса);

exposedCampaignOnChange = (e, {value}) => {
    this.props.campaignExposedSelected(value);
};

<Dropdown
    placeholder='Campaign Exposed To'
    fluid
    search
    selection
    multiple
    options={this.state.campaigns}
    onChange={this.exposedCampaignOnChange}
/>

Код выше возвращает значение .this.state.campaigns состоит из массива объектов со свойствами value и text.В дополнение к value я также хочу получить значение text выбранных параметров.

Примите во внимание любые указания по этому вопросу.

Answer 1

Семантическая реакция пользовательского интерфейса Dropdown onChange Событие принимает два аргумента - onChange(event: SyntheticEvent, data: object).Вам не нужно передавать их явно при вызове функции.

exposedCampaignOnChange = (e, value) => {
  e.persist();
  this.props.campaignExposedSelected(value);
};

Answer 2

данные / значение должны иметь выбранный текст опции, как в семантическом интерфейсе пользователя

function getSelectedTextValue() {
  alert( $('.ui.dropdown').dropdown('get text') + " : " + $('.ui.dropdown').dropdown('get value') );
}

Answer 3

Вы можете использовать целевое свойство синтетического события, чтобы получить текст как:

exposedCampaignOnChange = (e, {value}) => {
  e.persist();
  console.log(e.target.textContent);
  this.props.campaignExposedSelected(value);
};

<Dropdown
  placeholder='Campaign Exposed To'
  fluid
  search
  selection
  multiple
  options={this.state.campaigns}
  onChange={this.exposedCampaignOnChange}
/>