React有内置的类型检测,但是从版本15开始,它被移到了一个单独的库中,需要独立安装。之所以安装类型检测,是因为当某些props改变或输入错误时,控制台不会报错,但是界面会出现bug。
安装好之后,需要在组件中导入:
import PropTypes from "prop-types";
在定义组件之后,创建一个新的属性,在这个属性中定义类型检测的需求。将它设置为一个新的对象,里面添加组件的props、它们的类型以及是否是必须的值:
Pagination.propTypes = {
itemsCount: PropTypes.number.isRequired,
pageSize: PropTypes.number.isRequired,
currentPage: PropTypes.number.isRequired,
onPageChange: PropTypes.func.isRequired
};
为了了解propTypes完整的列表,可以去React官网https://zh-hans.reactjs.org/docs/typechecking-with-proptypes.html