title: React select set initial value with Redux Form
body: <p>I'm trying to set an initial value for my Select tag using Redux Form field.</p>
  
  <p>Redux Field: </p>
  
  <pre><code>&lt;Field
                      name="statusDto.pkid"
                      component={renderSelectField}
                      type="text"
                      isHidden="true"
                      placeholder="Select Status"
                      options={userRegistrationStatus &amp;&amp; userRegistrationStatus.map((values) =&gt; { return ({ value: values.pkid, label: i18next.languages[0] === 'en' ? values.enName : values.trName }); })}
                    /&gt;
  </code></pre>
  
  <p>Redux Form: </p>
  
  <pre><code>UserRegistrationForm = reduxForm({
    validate,
    form: 'User_Registration_Form', // a unique identifier for this form
    enableReinitialize: true,
  })(UserRegistrationForm));
  </code></pre>
  
  <p>React Select: </p>
  
  <pre><code>handleChange = (selectedOption) =&gt; {
      const { onChange } = this.props;
      this.setState({ selectedOptionState: selectedOption });
      onChange(selectedOption.value);
    };
  
   &lt;Select
          name={name}
          value={selectedOptionState}
          onChange={this.handleChange}
          styles={customStyles}
          options={options}
          clearable={false}
          className="react-select"
          placeholder={placeholder}
          isDisabled={isDisabled}
          classNamePrefix="react-select"
          theme={(theme) =&gt; ({
            ...theme,
            borderRadius: 0,
            colors: {
              ...theme.colors,
              primary: '#70bbfd',
            },
          })}
        /&gt;
  </code></pre>
  
  <p>Using redux-form initialize, I try to assign the first value to react-select but it doesn't seem to be worth it. Can you help me?</p>