reactjs - 为什么我们不能在响应中将 bool 值作为prop传递，它总是要求在我的代码中传递字符串

即使我已应用propType验证，但在为hasvacancy prop传递 bool(boolean) 值时，编辑器也会引发错误。这是我所看到的:



我知道我要为“hasvacancy” Prop 传递一个字符串类型的值，但是我需要做些什么，以便可以通过 Prop 传递 bool(boolean) 值或其他数据类型。

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'));

最佳答案

您应将 bool(boolean) 值括在{}中:

render(<VacancySign hasvacancy={false}/> , document.getElementById('root'));