title: How to make a Dropdown with specific values in ReactJS?
body: <p>I am using the <code>Dropdown</code> of <code>PrimeReact</code>.</p>
  
  <p>I have this code, but in the <code>Dropdown</code> I only get to show the <code>label</code> and not the <code>name</code>.</p>
  
  <p>How can I ​​display the name of each element of the <code>optionsSearch</code> variable in the <code>Dropdown</code> menu to select these names?</p>
  
  <pre><code>import React, {Component} from 'react';
  import {Dropdown} from 'primereact/components/dropdown/Dropdown';
  
  class OptionsExample extends Component {
    constructor(props) {
      super(props);
      this.state = {
        optionsSearch: 'FORM_FIELDS'
      };
    }
  
    onOptionChange = e =&gt; {
      this.setState({optionsSearch: e.value});
    }
  
    render() {
      const optionsSearch = [
        {key: 'NAME1', name: 'NAME1', label: 'DESCRIPTION1'},
        {key: 'NAME2', name: 'NAME2', label: 'DESCRIPTION2'},
        {key: 'NAME3', name: 'NAME3', label: 'DESCRIPTION3'}
      ];
  
      return (
        &lt;div&gt;
          &lt;div className='ui-g-12 ui-md-12 ui-lg-12'&gt;
            &lt;Dropdown value={this.state.optionsSearch} options={optionsSearch} onChange={this.onOptionChange} style={{width: '180px'}} placeholder={`${this.state.optionsSearch}`} /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default OptionsExample;
  </code></pre>