title: React semantic-ui Dropdown onChange not working
body: <p>Here's the code:</p>
  
  <pre><code>class MenuContainerComponent extends Component {
  
      onInputWidgetMenuChange(event, data) {
          console.log(data);
      }
  
      render() {
          var inputWidgets = [];
          for (var i = 0; i &lt; this.props.cdata.widgets.inputWidgets.length; i++) {
              var componentName = getComponentNameFromType(this.props.cdata.widgets.inputWidgets[i]);
              var key = "inputWidget" + i;
              inputWidgets.push(&lt;Dropdown.Item key={key}&gt;{componentName}&lt;/Dropdown.Item&gt;);
          }
  
          return (
          &lt;Dropdown style={childStyle} text='Input widgets' icon='keyboard' floating labeled button className='icon' onChange={this.onInputWidgetMenuChange}&gt;
              &lt;Dropdown.Menu&gt;
                  &lt;Dropdown.Header icon='tags' content='Select a widget to add to canvas' /&gt;
                  &lt;Dropdown.Divider /&gt;
                  {inputWidgets}
              &lt;/Dropdown.Menu&gt;
          &lt;/Dropdown&gt;
          )
  }
  </code></pre>
  
  <p>I am trying to get an event on menu selection. 'onClick' is working in similar fashion but there is no event on menu selection.</p>