如何在 ReactJS 中获取所选 <Dropdown/> 选项的文本？

Question

我正在开发一个 ReactJS 应用程序，我试图在下拉列表（语义 UI 组件）中获取所选选项的文本；

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

您可以使用合成事件的目标属性来获取文本，如：

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}
/>