Несмотря на то, что я применил проверку propType, мой редактор выдает ошибку при передаче логического значения для hasvacancy
prop. Вот что я вижу:
Ошибка: "SyntaxError: значение JSX должно быть выражением или цитированным текстом JSX"
Я знаю, что передаю значение типа строки для 'hasvacancy' prop, но что мне нужно сделать, чтобы я мог передавать логические или другие типы данных через prop.
import React from 'react';
import { render } from 'react-dom';
class VacancySign extends React.Component{
render() {
console.log('------------hasvacancy------', this.props.hasvacancy);
if(this.props.hasvacancy) {
return(
<div>
<p>Vacancy</p>
</div>
);
} else {
return(
<div>
<p>No-Vacancy</p>
</div>);
}
}
}
VacancySign.propTypes ={
hasvacancy: React.PropTypes.bool.isRequired
}
render(<VacancySign hasvacancy='false'/> ,
document.getElementById('root'));