react简书项目学习笔记7propTypes和defaulProps的应用

1.使用propTypes校验父组件传过来的值的类型是否正确

import PropTypes from 'prop-types';
// 注意外层的这个propTypes首字母要小写
TodoItem.propTypes = {
  content: PropTypes.string,
  deleteItem: PropTypes.func,
  index: PropTypes.number
}

完整代码图

如果要求父组件必须传递，可用isRequired

  content: PropTypes.string.isRequired

2.设置默认值

 TodoItem.defaultProps = {
  test: 'hello world'
}

还可以限定多种类型，值的范围，详情见官网APITypechecking With PropTypes