PropTypes例子

import React, { PureComponent } from "react";
import PropTypes from "prop-types";

const s = Symbol(1);

class Point {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }
}

class Greeting extends React.Component {
  static propTypes = {
    name: PropTypes.string,
    array: PropTypes.array,
    func: PropTypes.func,
    num: PropTypes.number,
    obj: PropTypes.object,
    string: PropTypes.string,
    symbol: PropTypes.symbol,
    node: PropTypes.node, // 任何可被渲染的元素(包括数字、字符串、子元素或数组)
    element: PropTypes.element, //一个 React 元素
    point: PropTypes.instanceOf(Point), //你也可以声明属性为某个类的实例
    enum: PropTypes.oneOf(["News", "Photos"]), // 你也可以限制你的属性值是某个特定值之一
    union: PropTypes.oneOfType([
      PropTypes.string,
      PropTypes.number,
      PropTypes.instanceOf(Point)
    ]), // 限制它为列举类型之一的对象
    arrayOf: PropTypes.arrayOf(PropTypes.number), // 一个指定元素类型的数组
    objectOf
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值