title: want to load initial Values in Redux Form
body: <p>i am trying to load the initial value in from but couldn't do this, i am using <a href="http://redux-form.com/" rel="nofollow noreferrer">redux-from</a>, i set the profile data in redux store and can access the data through the props(console them) but can't able to show in the form input. i am trying to replicate this <a href="http://redux-form.com/6.5.0/examples/initializeFromState/" rel="nofollow noreferrer">redux-from example.</a> but couldn' able to continue it.</p>
  
  <p>below is the code. </p>
  
  <pre><code>import React from 'react';
  import { Field, reduxForm } from 'redux-form';
  import { connect } from 'react-redux';
  
  import { required, email, maxLength25 } from '../utils/validations';
  import { renderField,
      renderSelectField,
      renderRadioField,
      renderTextAreaField,
      renderCheckboxField
  } from '../utils/textFieldGroup';
  import countries from '../utils/countryList';
  import { profileUpdate, profile } from '../actions/user';
  
  const validateAndUpdateRecords = (values, dispatch) =&gt; {
      return dispatch(profileUpdate(values))
      .then((response) =&gt; {
          console.log(response);
      })
      .catch((error) =&gt; {
          console.log(error);
      })
  }
  
  class ProfileForm extends React.Component {
      componentWillMount(dispatch){
          console.log('mount');
          this.props.fetchProfile();
      }
  
      render(){
          const { handleSubmit, submitSucceeded, error, profile } = this.props
          console.log('prof',profile);
  
          return (
              &lt;div&gt;
                  &lt;h1&gt;Profile Page&lt;/h1&gt;
                  &lt;form onSubmit={handleSubmit(validateAndUpdateRecords)}&gt;
                      &lt;div className={typeof error!='undefined'?'show alert alert-danger': 'hidden'}&gt;
                       &lt;strong&gt;Error!&lt;/strong&gt; {error}
                      &lt;/div&gt;
                      &lt;Field name="fname" type="text" component={renderField} label="First Name"
                        validate={[ required, maxLength25 ]}
                      /&gt;
                      &lt;Field name="lname" type="text" component={renderField} label="Last Name"
                        validate={[ required, maxLength25 ]}
                      /&gt;
                      &lt;Field component={renderRadioField} name="gender" label="Gender" options={[
                          { title: 'Male', value: 'male' },
                          { title: 'Female', value: 'female' }
                      ]} validate={ required } /&gt;
                      &lt;Field name="country" type="text" data={countries} component={renderSelectField} label="Country"
                        validate={[ required ]}
                      /&gt;
                      &lt;Field name="about_us" type="text" component={renderTextAreaField} label="About Us"
                        validate={[ required ]}
                      /&gt;
                      &lt;Field name="newsletter" type="checkbox" component={renderCheckboxField} label="Newsletter"
                        validate={[ required ]}
                      /&gt;
                      &lt;p&gt;
                        &lt;button type="submit" disabled={submitSucceeded} className="btn btn-primary btn-lg"&gt;Submit&lt;/button&gt;
                      &lt;/p&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          )
      }
  }
  
  ProfileForm = reduxForm({
      form:'profile'
  })(ProfileForm)
  
  ProfileForm = connect(
    state =&gt; ({
      initialValues: state.user.profile 
    })              
  )(ProfileForm)
  
  export default ProfileForm;
  </code></pre>
  
  <p>//text field </p>
  
  <pre><code>export const renderField = ({ input, label, type, meta: { touched, error, warning } }) =&gt; (
      &lt;div className={classnames('form-group', { 'has-error':touched &amp;&amp; error })}&gt;
        &lt;label className="control-label"&gt;{label}&lt;/label&gt;
        &lt;div&gt;
          &lt;input {...input} placeholder={label} type={type} className="form-control"/&gt;
          {touched &amp;&amp; ((error &amp;&amp; &lt;span className="help-block"&gt;{error}&lt;/span&gt;))}
        &lt;/div&gt;
      &lt;/div&gt;
  )
  </code></pre>
  
  <p>Thanks in advance</p>