Javascript 在语义UI中单击下拉项时如何触发模式？

我有一个下拉菜单和一个模式，我想在单击其中一个下拉菜单项时显示模式。可能吗？我找不到这样做的方法，因为我无法获得目标DropdownItem，这是Modal的触发道具所需要的

export class Demo extends React.Component<{}, {}> {
  private options = [
    { text: 'doNothing', value: 'doNothing' },
    { text: 'openModal', value: 'openModal' },
  ]
  render() {
    return (
      <div>
        <Dropdown
          fluid
          selection
          options={this.options}
          defaultValue={this.options[0].value} />

        <Modal trigger={<Button>trigger</Button>}>
          <Modal.Header>Select a Photo</Modal.Header>
          <Modal.Content image>
            <Modal.Description>
              <p>Some contents.</p>
            </Modal.Description>
          </Modal.Content>
        </Modal>
      </div>
    )
  }
}

导出类Demo扩展了React.Component{
私人期权=[
{文本：'doNothing'，值：'doNothing'}，
{文本：'openModal'，值：'openModal'}，
]
render（）{
返回(
选择一张照片
一些内容

)
}
}

您可以使用

Modal

的prop

open

以编程方式控制它。当您检测到所需的

下拉列表

项被适当地单击时

在这些台词中有些东西

import * as React from 'react';

export class Demo extends React.Component<{}, {}> {
  state = {
    options: [
      { text: 'doNothing', value: 'doNothing' },
      { text: 'openModal', value: 'openModal' }
    ],
    open: false
  };

  onClose = () => this.setState({open: false});
  onChange = (selected) => {
    // if the correct one is selected then...
    // this.setState({open: true});
  }

  render() {
    return (
      <div>
        <Dropdown
          fluid
          selection
          options={this.options}
          onChange={this.onChange}
          defaultValue={this.options[0].value} />

        <Modal open={this.state.open} onClose={this.onClose}>
          <Modal.Header>Select a Photo</Modal.Header>
          <Modal.Content image>
            <Modal.Description>
              <p>Some contents.</p>
            </Modal.Description>
          </Modal.Content>
        </Modal>
      </div>
    )
  }
}

import*as React from'React'；
导出类Demo扩展了React.Component{
状态={
选项：[
{文本：'doNothing'，值：'doNothing'}，
{文本：'openModal'，值：'openModal'}
],
开放：假
};
onClose=（）=>this.setState（{open:false}）；
onChange=（已选择）=>{
//如果选择了正确的选项，则。。。
//this.setState（{open:true}）；
}
render（）{
返回(
选择一张照片
一些内容

)
}
}