React PropTypes类型验证

PropTypes对组件的 props 上进行类型检查
要检查的是传递过来的props值
他的基础类型是number,string,func,bool,array,string,symbol
其他类型请参考React官方文档https://react.docschina.org/docs/typechecking-with-proptypes.html

如果后面添加isRequired表示如果props是空的值的话也会警告

iimport React, { Component } from 'react';
import PropTypes from 'prop-types'
class Demo extends Component {
    render() {
        return (
            <div>hello{this.props.value}</div>
        );
    }
}
Demo.propTypes = {
    value: PropTypes.string.isRequired
};
export default Demo;

给我们的props添加默认值，在父组件中如果props的值为空的我们可以使用defaultProps
,但是再给定我们的props中有值，而且我们也给我们的defaultProps给了值。我们看到的是defaultProps的给的值

import React, { Component } from 'react';
class Demo extends Component {
    static defaultProps = {
        value: 'hello'
    }
    render() {
        return (
            <div>hello{this.props.value}</div>
        );
    }
}
export default Demo;

import React, { Component } from 'react';
class Demo extends Component {
    render() {
        return (
            <div>hello{this.props.value}</div>
        );
    }
}
Demo.defaultProps={
    value:132
}
export default Demo;