频道栏目
首页 > 程序开发 > 移动开发 > 其他 > 正文
React 定义组件的属性类型和默认属性
2017-07-05 10:16:28      个评论    来源:u011272795的博客  
收藏   我要投稿

React 定义组件的属性类型和默认属性

我们在定义组件的时候,通常会给它传属性,比如作为FlatList,Listview的item或者要导入到其他位置的时候,都需要给这个item组件传递值,有的时候,可能我们传值会的值没有定义,打个比方:

 

 } />

 

我们有一个显示人的姓名和年龄的List列表,

上面我们可以看到,第二个对象没有age,第三个对象什么都没有。

如果子组件直接用的话,第二行 的age那里就是空的,第三行都是空的。

看一下子组件的代码:

 

export default class Item extends React.PureComponent {

    static defaultProps = {
        name: 'item',
        age:18
    };

    static propTypes = {
        name:React.PropTypes.string.isRequired,
        age:React.PropTypes.number.isRequired,
    };

    render() {
        let {name,age} = this.props;
        return (
            
                name:{name} , 
                age:{age}
            
        )
    }
}
第一个方法:defaultProps

 

给对象设置默认属性,如果传来的对象没有对应值,则把这里的属性赋值给改对象。

 

第二个方法:propTypes

设置props的类型,如上:name规定为string类型,isRequeired是说明该值不能为空,必须传递

如果为空,会有个提示,当然,这个提示在debug模式才会有 方便开发

如果没有第一个方法,那么不传会有错误提示,有的话会直接赋值给空对象。

 

设置了这两个,就不会有空值了。

 

点击复制链接 与好友分享!回本站首页
上一篇:windowsoftInputMode 简介
下一篇:关于广播的代码
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站