title: How to pass extra keys in options to react-dropdown and get them back from the onChange prop?
body: <p>I am using this dropdown library <a href="https://www.npmjs.com/package/react-dropdown" rel="nofollow noreferrer">react-dropdown</a></p>
  <pre class="lang-js prettyprint-override"><code>export const currencies = [
      { value: 'USD', label: '$ USD', currencySign: &quot;$&quot; },
      { value: 'INR', label: '₹ INR', currencySign: &quot;₹&quot; },
      { value: 'CAD', label: 'C$ CAD', currencySign: &quot;C$&quot;  }
  ]
  
  
  &lt;Dropdown 
      options={currencies}
      onChange={newSelectedOption =&gt; console.log(newSelectedOption)} // Getting an object with only 2 keys: &quot;label&quot; &amp; &quot;value&quot;. The third key &quot;currencySign&quot; is not there!
  /&gt;
  </code></pre>
  <p>Is there any way I can get that &quot;currencySign&quot; in that onChange object?</p>
  <p>Thanks!</p>
  <p>Oct 13 2020 Update: Seems like the react-dropdown library doesn't provide this functionality.</p>