title: Having a problem with PrimeReact Dropdown
body: <p>I am still a novice in React Js and recently I have been developing using PrimeReact. The Forms and DataTables are doing well for me but I cant seem to figure out how deal with the Dropdown. My state is managed by redux and after <code>mapStateToProps</code> I and loading my data using <code>componentDidMount</code> I can <code>console.log</code> and see my data array. With a normal react select input I have been using the following code:</p>
  <pre><code>const {accounttypes} = this.props;
  
      console.log(accounttypes)
      let typesOptions = accounttypes.length &gt; 0
          &amp;&amp; accounttypes.map((item, index) =&gt; {
              return (
                  &lt;option key={item.id } value={item.id}&gt;{item.name}&lt;/option&gt;
              )
          }, this);
  </code></pre>
  <p>This works as an option as I can post to my backend. However I would want to use PrimeReact for all my forms and I have been struggling on how to go about it. The following has been my attempt and its giving me a headache:</p>
  <pre><code>&lt;div className=&quot;p-field p-col-12 p-md-4&quot;&gt;
                  &lt;Dropdown
                    value={account_type}
                    optionValue = {accounttypes.id}
              
                    optionLabel = {accounttypes.name} 
                    options={accounttypes}
  
                    onChange={this.onTypeChange}
                    placeholder=&quot;Select an Acco&quot;
                    autoFocus = {true}
                    editable={true}
                  /&gt;
  &lt;/div&gt;
  </code></pre>
  <p><code>account_type</code> is the name of my field and my django model references the <code>accountytpe</code> model and would like to capture <code>account_type</code> whilst creating an <code>Account</code>. May someone help. And thanks in advance</p>