什么是 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
大家学会了吗?
来源: http://www.bubuko.com/infodetail-3004560.html