react-bootstrap-validation
react-bootstrap-validation copied to clipboard
What about select?
Is there a way to include select (dropdown list)?
+1
It seems you actually can use selects.
using type='select' and enclosing option tags seems to work just as you'd expect - react-bootstrap-validation uses the es6 spread operator so most basic tags work out of the box - datepicker's seem to also work, given proper format.
@rpdobson123 what do you mean by proper format? can you give an example please?
This example worked for me :)
@Cabeza, I mean to say that you would give the attributes as you would expect the browser to render an input. Provide a type and any other properties. type='date'
or akin to @murali4ever's provided example. Any attributes in an element created with react-bootstrap-validation reach the DOM element it produces. That's because the spread operator hands over anything it doesn't explicitly handle by key (required, label, errorHelp etc etc)..
<ValidatedInput name='userBirthday' ref='userBirthday' validate='required' type='date' errorHelp='Select your birthday' label='Birthday' />
Something along those lines should work. react-bootstrap-validation doesn't provide explicit handling because it doesn't need to.