什么是 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} />
来源: https://juejin.im/entry/5b13b254e51d4506aa3160dc