Disabled Fields not getting initialValues; formatting does not work

Hi, as I was using redux-form to create a connected component for my form. I struggled with the following 2 issues.

1. Disabled Fields not getting initialValues In my form, I have

<Field
   name="abc"
   label="ABC"
   component={FormField}
   input={{
       disabled: true,
   }}
   required
/>

FormField takes input and add all the props to <input {...input}> However, no initial value is shown when the input field is disabled. When I took out the input disabled prop, the correct value shows up. From network response, I see that the value is there. It is just not getting displayed when the field is disabled for some reason.

1. format I passed in both functions and anonymous arrow functions to the format prop but nothing worked, even when I had a dummy function that return a hard coded default value.

const formatField = (value, name) => {
     switch (name) {
        case '1':
             return 'something'
        case default:
             return 'default'
     }
}

or a simpler function format={(v) => v.toLocaleString('en')}

Thank you!

[elhachimi]

@hannahjin & @catsky had the same issue ended up using

   {disabled && <input {...input} placeholder={label} type={type} disabled/>}
   {!disabled && <input  {...input} placeholder={label} type={type} />}

inside renderInput and passed disabled as a prop in Field component

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.