props
理解
- 每个对象都有props(properties的简写)属性
- 组件标签的所有属性都保存在props中
作用
- 通过标签属性,从标签外向标签内传递变化的数据
- 注意:组件内部不要修改props的数据
编码操作
// 内部读取某个属性值
this.props.name
// 第一种方式,react v15.5已经弃用
Person.propTypes = {
name: React.PropTypes.string.isRequired,
age: React.PropTypes.number
}
//第二种方式(新):使用prop-types库进行限制(需要引入prop-types库)
Person.propTypes= {
name: PropTypes.string.isRequired,
age: PropTypes.number
}
<Person {...person}/>
Person.defaultProps = {
name: 'xx',
age= 23
}
constructor (props) {
super(props);
console.log(props);
}