react总结之组件间传值的类型检查和默认值

在实际开发中,往往伴随着团队的协作,这个时候如果需要一个人去开发一个公共的组件,那么我希望在我使用公共组件的时候,只需要经过简单的沟通,甚至不沟通,就可以知道,我在使用组件的时候,应该传递什么类型的值,是否一定要传值,这个时候可以使用插件PropTypes,这个插件可以帮我们做类型检查,使得代码更加规范化,提升工作效率!

import React, { Component } from 'react'
import PropTypes from 'prop-types'
 class TestProp extends Component {
    constructor(props) {
        super(props);
    }
     static propTypes = {
         // dataText的值是string并且不可以为空
        dataText: PropTypes.string.isRequired
    }
    static defaultProps ={
        // 当dataText的值为undefined的时候,自动给dataText赋值为默认值
        dataText: '默认值'
    }
    render() {
        return (
            <div>
                <h1>{this.props.dataText}</h1>
            </div>
        )
    }
}
export default TestProp;