why we cannot pass boolean value as props in React , it always demands string to be passed in my code

Question

Even though I have applied propType validation, my editor throws an error on when passing boolean value for the hasvacancy prop. Here is what I\'m seeing:

Answer 1

I'm updating this answer, as my original one (omitting the value) is no longer considered best practice. Now, simply wrap your value in curly braces, as you would any other Component attribute value. So, instead of this (this still works):

render(, document.getElementById('root'));

Do this:

render(, document.getElementById('root'));

If you're using the former syntax, make sure to update your propTypes to make hasVacancy not required; otherwise, you are free to restrict it with isRequired:

VacancySign.propTypes ={
    hasVacancy: React.PropTypes.bool.isRequired
}