title: Field in redux-form not Editable
body: <pre><code>const FIELDS = [
  {label:'Survey Title', name:'title'},
  {label:'Survey Line', name:'subject'},
  {label:'Email Body', name:'body'},
  {label:'Recipients List', name:'emails'}
  ]
  
  class SurveyForm extends Component{
      renderFileds(){
          return _.map(FIELDS,({label,name})=&gt;{
             return (
              &lt;Field 
                  key={name}
                  component={SurveyField}
                  type="text"
                  label={label}
                  name={name}
              /&gt;
             ) 
          })
  
      }
      render(){
          return(
              &lt;div&gt;
                  &lt;form onSubmit={this.props.handleSubmit((values)=&gt;console.log(values))}&gt;
                      {this.renderFileds()}
                  &lt;button type="submit"&gt;Submit&lt;/button&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>I am using redux-form. Imported Field from redux-form and rendering it this way. All appears fine on screen but when I type on the input field nothis appears. the filed is not editable. Any specific reason why this is happening?</p>