美文网首页
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