title: datalist tag not listening to any event react js
body: <p>I am trying to listen to event on select or any selection of options but cannot fire any event in datalist</p>
  <pre><code>const handleSelect = () =&gt; {
  console.log(&quot;selected&quot;);
  };
  
  let renderOptions = () =&gt; {
  return filteredOptions.map((option, index) =&gt; {
    return (
      &lt;option key={index} value={option.value}&gt;
        {option.option}
      &lt;/option&gt;
    );
  });
  };
  
  
  return (
  &lt;div&gt;
    &lt;input type=&quot;text&quot; name=&quot;example&quot; list=&quot;exampleList&quot; /&gt;
    &lt;datalist onChange={handleSelect} onSelect={handleSelect} id=&quot;exampleList&quot;&gt;
      {renderOptions()}
    &lt;/datalist&gt;
  &lt;/div&gt;
  );
  </code></pre>