React ES6：使用语义UI在下拉列表中获取选定的值

Question

给定以下数据，我如何获取鸟类名称并将其推入（使用添加按钮）到新数组以在另一个div中显示（使用react es6）？因此，基本上，我希望用户从语义下拉列表中单击鸟，然后将其显示在其他div中，例如下面所示。这可能很简单，但是当我使用语义元素时，我似乎找不到办法。我需要使用onChange吗？

我需要在正在导出（反应）的类中执行此操作（只是还没有显示类/构造函数/状态定义）

<div>
    <p>How can i display 'Bird_Name' here?<p>
</div>

<div>
    <p>How can i display 'Bird_Name' here?<p>
</div>

Answer 1

因此，您基本上想要的是将显示的onChange函数。

 <Dropdown 
  placeholder='Select...' 
  selection
  search
  options={options}
  renderLabel={({ Bird_Name }) => 1}
  onChange={this.getBird}
  />

并做一个getBird函数

getBird = (event, {value}) => {
    console.log(value);
    let bird_name = event.target.textContent;
    console.log(bird_name);
}

getBird函数中的value和text变量基本上是从下拉列表中选择的鸟的value和bird_name。