对Component设置propTypes属性，可以为Component的props属性进行类型检查。
import PropTypes from 'prop-types';
class MyComponent extends React.Component {
render() {
return (
<h1>Hello, {this.props.name}</h1>
);
}
}
MyComponent.propTypes = {
name: PropTypes.string
};
当Component的props接收到一个无效的值时，浏览器控制台就会输出一个警告。
因此，<MyComponent name={123}/> 控制台会出现警告：
1.组件特殊属性——propTypes 对Component设置propTypes属性，可以为Component的...
propTypes 检查组件的属性值是否符合要求 注意React.PropTypes是大写开头 ref 真实DOM...
类型检查 defaultProps 默认属性值 propTypes 限制接收的属性类别(仅在开发模式中检测)...
健壮要对数据类型进行验证 对数据类型进行验证 解决方法：追加属性（类似与面向对象）通过属性propTypes给对象...
PropTypes对组件的 props 上进行类型检查要检查的是传递过来的props值他的基础类型是number,...
原文地址 1.组件特殊属性——propTypes 对Component设置propTypes属性，可以为Compo...
使用 PropTypes 进行类型检查
Props 验证使用 propTypes，它可以保证我们的应用组件被正确使用，React.PropTypes 提供...
参考来自hangge ：链接 prop-types简介 之前可以直接使用 React.PropTypes 进行属性...
1.propTypes定义，组件依然能够正常工作，而且，即时在上面propTypes检查出错，组件也依然能够正常工...
本文标题：PropTypes类型检查-组件封装的属性验证
本文链接：https://www.haomeiwen.com/subject/hbauyqtx.html
网友评论