title: React render input with default value in separate function to display errors
body: <p>How can the input be rendered in separate function with initial value?</p>
  <pre><code>import {Field, reduxForm} from &quot;redux-form&quot;;
  
  class Com extends React.Component {
     renderInput = ({input, type, placeholder, initial_value, meta}) =&gt; {
          
     };
          
     render() {
        return (
            &lt;form action=&quot;&quot; onSubmit={this.props.handleSubmit(this.onSubmit)}&gt;             
                &lt;Field type=&quot;text&quot; name=&quot;first_name&quot; component={this.renderInput()} 
                 placeholder=&quot;&quot; initial_value=&quot;&quot;/&gt;
            &lt;/form&gt;
        )
     }
  }
  </code></pre>