props

理解

• 每个对象都有props（properties的简写）属性
• 组件标签的所有属性都保存在props中

作用

• 通过标签属性，从标签外向标签内传递变化的数据
• 注意：组件内部不要修改props的数据

编码操作

• 内部读取莫格属性值

// 内部读取某个属性值
this.props.name

• 对props中的属性值，进行内容限制和必要性限制

// 第一种方式，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
}

• 拓展属性：将对象的所有属性通过props传递

<Person {...person}/>

• 默认属性值

Person.defaultProps = {
  name: 'xx',
  age= 23
}

• 组件类的构造函数

constructor (props) {
  super(props);
  console.log(props);
}