react中prop-types的使用

时间：2019-03-29 23:40:13 阅读：252 评论：0 收藏：0 [点我收藏+]

什么是prop-types？prop代表父组件传递过来的值，types代表类型。简单来说就是用来校验父组件传递过来值的类型

import PropTypes from ‘prop-types‘;
TodoItem.propTypes = {
    test: PropTypes.string.isRequired,   //加上isRequired以后，即使父组件没传递值也会抛出警告
}

import PropTypes from ‘prop-types‘;
TodoItem.propTypes = {
    test: PropTypes.arrayOf(PropTypes.string, PropTypes.number)   //可以设置多个类型
}

那么如何解决父组件没传递值也会抛出的警告呢？可以使用react里的defaultProps来设置默认的props值

TodoItem.defaultProps = {
  test: ‘hello word‘  
}

还有想学习更多proptypes的同学请关注react文档https://reactjs.org/docs/typechecking-with-proptypes.html

大家学会了吗？

原文：https://www.cnblogs.com/lanshu123/p/10624750.html

踩

(0)

评论一句话评论（0）

分享档案

更多>