美文网首页
React Native 之propTypes 属性声明和属性确

React Native 之propTypes 属性声明和属性确

作者: 壹点微尘 | 来源:发表于2017-08-20 16:58 被阅读22次
  • 属性声明的示例

    static propTypes ={
        name:PropTypes.string,
        ID:PropTypes.number.isRequired,
    }

属性确认的类型

  • 属性为任意类型
    React.PropTypes.any;

  • 属性是否为 JavaScript 基本类型
    React.PropTypes.array;
    React.PropTypes.string;
    React.PropTypes.bool;
    React.PropTypes.func;
    React.PropTypes.number;
    React.PropTypes.object;

  • 属性是某个 React 元素
    React.PropTypes.element;

  • 属性是几个特定的值
    React.PropTypes.oneOf(['value1'...'valueN'])

  • 属性为可渲染的节点
    React.PropTypes.node;
    
  • 属性为指定类型中的一个
    React.PropTypes.oneOfType([
        React.PropTypes.node,
        React.PropTypes.string,
        React.PropTypes.number,
    ])

  • 属性为某一个指定类的实例
    React.PropTypes.instanceOf(nameOfClass)

  • 属性是一个指定构成方式的对象
    React.PropTypes.shape({
        fontSize:React.PropTypes.number,
        color:React.PropTypes.string,
    })

  • 属性为指定类型的数组
    React.PropTypes.arrayOf(React.PropTypes.string)

  • 属性有一个指定的成员对象
    React.PropTypes.objectOf(React.PropTypes.number)

属性默认值(当外部没有传入数值的时候,我们内部又需要使用,并且这个值有个通用的值的时候)

    static defaultProps = {
        name:'大桥未久'
    };

相关文章

网友评论

      本文标题:React Native 之propTypes 属性声明和属性确

      本文链接:https://www.haomeiwen.com/subject/iuifdxtx.html