react数据传递----props

4.4 三兄弟之二：props

就是定义在自定义组件标签上面的值，就是props。当props改变的时候，会引发Virtual DOM的改变，从而引发视图的重绘

app/Mycompo.js



app/App.js



如果父组件App，想往子组件Mycompo中传值，使用属性：



子组件Mycompo中就可以无脑使用this.props来枚举传入的属性：



如果需要在构造函数中使用这个值，此时系统会将props做为构造函数的第一个参数传入



在子组件中，props是只读的，不能修改props的值，如果想要修改，要用state来接收

props 属性可以被验证有效性：

$ npm install --save-dev prop-types

（1）首先引用验证的组件



（2）再定义组件需要传入的参数，这些都是语法规定


这里有一个错，也就是Mycompo.propTypes的第一个p应该小写


如果说你没有按给入的值传递，那么控制台就会报错。

4000