ReactNative基础-props使用详解

什么是props

props是属性,它是为了描述组件的特征而存在的,它是父组件传递给子组件的。

如何使用props

属性是只读的;如果是上个页面传递过来的属性,就不能修改;但它可以在本页面定义默认属性。
ES6定义默认属性

static defaultProps={
    name:'小红'
}

这样,当父组件没有给子组件传递属性时,就可以使用默认属性。

属性的类型检查和约束

proptypes用来类型检查,.isrequired指定所必需的属性

static PropsTypes={ 
    name:PropsTypes.string, 
    sex:PropsTypes.string.isRequired 
}

props使用技巧–延展操作符

当要传递很多个属性时,let params = {name:’张’,age:18, sex:’女’ }; 使用的时候就是

<PropsTest name={params.name} sex={params.sex}/>

使用延展操作符:

<PropsTest { ...params } />(使用 大括号里放三个点 ...,然后接着 params 就可以在下一个页面被使用了。 )

props使用技巧–解构赋值

延展操作符是将属性全部进行赋值,但如果只想取出部分来进行赋值,就可以使用解构赋值。它比传统的方式好是它可以从一组属性中获取指定属性。

let params = {name:'张',age:18, sex:'女' }; 
let {name,sex}=params; 
<PropsTest name={name} sex={sex} /> 

猜你喜欢

转载自blog.csdn.net/yaodong379/article/details/80445783