title: React JS: Pass event inside onChange drop down (Ant Design)
body: <p>I have a drop down in my form (<a href="https://ant.design/components/select" rel="noreferrer">https://ant.design/components/select</a>). In this select drop down I have the onChange to call a function. Inside 'onChange' I want to pass the event as a parameter to my function. The problem is: when the onChange occurs, only the selected value is passed, but I want the entire event.  </p>
  
  <p><strong>Here is the code:</strong>  </p>
  
  <pre><code>export default class MyForm extends Component {
      constructor() {
          super();
  
          this.handleOnChange = this.handleOnChange.bind(this);
      }
  
      handleOnChange = (event) =&gt; {
          console.log(event); // here I'm receiving only the value selected (1 or 2)
      }
  
      render() {
          render(
             &lt;Form&gt;
                &lt;Select onChange={this.handleOnChange}&gt;
  
                        &lt;Option value="1"&gt;text 1&lt;/Option&gt;
                        &lt;Option value="2"&gt;text 2&lt;/Option&gt;
                &lt;/Select&gt;
             &lt;/Form&gt;
          )
      }
  }
  </code></pre>
  
  <p>In the console.log() I'm receiving only the selected value. Is there a way to pass the entire event object to the function handleOnChange()?</p>