field for redux-form

renderField.jsx

const renderField = (field) => (
  <div className="form-group">
    <label htmlFor={field.input.name}>{field.label}</label>
    <input
      {...field.input}
      id={field.input.name}
      name={field.input.name}
      className={`form-control ${field.meta.touched && field.meta.error ? 'error' : ''}`}
      type={field.type}
    />
    {field.meta.touched && field.meta.error &&
    <span className="error">{field.meta.error}</span>}
  </div>
);