title: How to trigger a modal when clicking on a dropdown item in Semantic UI React?
body: <p>I have a dropdown and a modal, and I would like to show the modal when one of the dropdown item is clicked. Is it possible? I couldn't find a way to do so because I cannot obtain the target DropdownItem, which is required by Modal's trigger props.</p>
  
  <pre><code>export class Demo extends React.Component&lt;{}, {}&gt; {
    private options = [
      { text: 'doNothing', value: 'doNothing' },
      { text: 'openModal', value: 'openModal' },
    ]
    render() {
      return (
        &lt;div&gt;
          &lt;Dropdown
            fluid
            selection
            options={this.options}
            defaultValue={this.options[0].value} /&gt;
  
          &lt;Modal trigger={&lt;Button&gt;trigger&lt;/Button&gt;}&gt;
            &lt;Modal.Header&gt;Select a Photo&lt;/Modal.Header&gt;
            &lt;Modal.Content image&gt;
              &lt;Modal.Description&gt;
                &lt;p&gt;Some contents.&lt;/p&gt;
              &lt;/Modal.Description&gt;
            &lt;/Modal.Content&gt;
          &lt;/Modal&gt;
        &lt;/div&gt;
      )
    }
  }
  </code></pre>