I love using react-redux-form instead create my own react controlled form, it saves me from bunch of pain, but I can't use solve this mystery.
So, this is how it looks when using Input component from 'react-strap':
<Input type="text" name="username" id="username" valid={errors !== undefined && this.state.touched.username ? errors.username === '' : null} invalid={errors !== undefined ? errors.username !== '' : null} />
and this is how it looks in the Control Component:
<Control.text model=".firstname" className="form-control" id="firstname" name="firstname" placeholder="First Name" validators={{ required, minLength: minLength(3), maxLength: maxLength(8), validName }}/>
I want to pass 'valid' and 'invalid' attributes to the Control Component and I can't find a way to do it.
I love using react-redux-form instead create my own react controlled form, it saves me from bunch of pain, but I can't use solve this mystery. So, this is how it looks when using Input component from 'react-strap':
<Input type="text" name="username" id="username" valid={errors !== undefined && this.state.touched.username ? errors.username === '' : null} invalid={errors !== undefined ? errors.username !== '' : null} />
and this is how it looks in the Control Component:<Control.text model=".firstname" className="form-control" id="firstname" name="firstname" placeholder="First Name" validators={{ required, minLength: minLength(3), maxLength: maxLength(8), validName }}
/> I want to pass 'valid' and 'invalid' attributes to the Control Component and I can't find a way to do it.