react(jsx) 限制属性传值类型和默认属性

TianNicholas

已于 2022-01-31 11:51:44 修改

阅读量823

点赞数

分类专栏： React 文章标签： react.js javascript vue.js

于 2022-01-31 11:51:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_32615575/article/details/122758954

版权

React 专栏收录该内容

13 篇文章

订阅专栏

import React, { Component } from 'react'
import PropTypes from 'prop-types'  // 没有提示直接导入，不需要安装

export default class Sub extends Component {
    // 在class内部，通过static修饰的属性，就是静态属性
    static defaultProps = {
        num: 888
    }
    static propTypes = {
        // num: PropTypes.number.isRequired   //设置为isRequired表示必须传值
        num: PropTypes.number
    }
    render() {
        return (
            <div>
                <h2>{this.props.num}</h2>
            </div>
        )
    }
}