React的PropTypes和DefaultProps

最新推荐文章于 2022-12-07 14:51:34 发布

Meskjei

最新推荐文章于 2022-12-07 14:51:34 发布

阅读量620

点赞数

分类专栏： React 文章标签： React PropTypes DefaultProps

本文链接：https://blog.csdn.net/hjc256/article/details/97122111

版权

本文介绍了React中propTypes的使用，包括基本JS类型、可渲染元素、React元素、实例、枚举类型、多种类型组合、数组和对象类型的验证。同时，详细阐述了defaultProps的作用，它是组件的默认属性值，当组件实例未接收到相应属性时，将使用defaultProps提供的默认值。

摘要由CSDN通过智能技术生成

文章目录

propTypes
- PropTypes的验证器
defaultProps

propTypes

propTypes是React中组件的一个特殊属性。设置它，可以为组件的props属性进行类型的检查。

要设置组件的propTypes属性需要借助PropTypes对象，或者说需要借助props-type库。

import PropTypes from 'prop-types';

注意首字母小写的propsTypes是组件的属性，而PropTypes是我们引入的库。

要使用也非常简单：

import PropTypes from 'prop-types';
import React, {
   Component} from 'react';
class Test extends Component{
   
    render(){
   
        return (
            <div>
                Hello, {
   this.props.word}
            </div>
        )
    }
}
// 设置Test组件的propTypes属性
Test.propTypes = {
   
    word