自 React v15.5 起,React.propTypes已移入另一个包中,需要引入prop-types库使用。
如果没有安装,请执行以下命令安装依赖:
npm install prop-types --save
引入使用:
import propTypes from 'prop-types'
简单使用示例:
import React from 'react';
import PropTypes from 'prop-types'; // 引入prop-types库
class Page extends React.Component {
render() {
return (
<h1>数值:{this.props.count}</h1>
)
}
}
Page.propTypes = {
count: PropTypes.number // 声明count为number类型,如果得到的值不是number类型将会报错
};
ReactDOM.render(
<div>
<Page count={"name"}/> // 传递一个字符串到 props.count
</div>,
document.getElementById('root')
);
上面例子中,将会报错:
因为类型已经声明了为number,但得到的不是期望类型number,所以报错