PropTypes类型检查-组件封装的属性验证

1.组件特殊属性——propTypes

对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}/> 控制台会出现警告：