React基础

1.指定类成员属性

1.新版React中移除了PropTypes属性,需通过'prop-types'库完成类型指定
比如在封装自定义Toast中有这么使用

import {PropTypes} from 'prop-types';
Toast.propTypes = {
    style: View.propTypes.style,
    position:PropTypes.oneOf([
        'top',
        'center',
        'bottom',
    ]),
    textStyle: Text.propTypes.style,
    positionValue:PropTypes.number,
    fadeInDuration:PropTypes.number,
    fadeOutDuration:PropTypes.number,
    opacity:PropTypes.number
}

其中style指定为视图样式类型;position指定为枚举类型;textStyle指定为文本样式类型,positionValue指定为基本数据类型中number类型;......

2.类型检测的方法

let delay = typeof duration === 'undefined' ? this.duration : duration;
或者
this.duration = typeof duration === 'number' ? duration : DURATION.LENGTH_SHORT;
`

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容