react中prop-types的使用
Posted lanshu123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react中prop-types的使用相关的知识,希望对你有一定的参考价值。
什么是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
大家学会了吗?
以上是关于react中prop-types的使用的主要内容,如果未能解决你的问题,请参考以下文章
为啥系统在“prop-types”中寻找“react-is”?
如何在文件中禁用 ESLint react/prop-types 规则?