React——04类式组件三大核心属性之二:props(函数组件也有!)

93 阅读1分钟

《一》props简介【自身带的】

也是类实例对象里面的属性,用来存储由实例化时传入的参数

0138.png

是类式实例对象中自带的属性,所以可以通过 this.props使用

《二》批量传递props

0141.png

《三》对props进行限制

0140.png 注意 :

如果传进去的是方法,且要限制必须为函数类型,那么 应为 PropTypes . func 【不是function】

因为function是个关键字,且为了区分 Number 、String 都用了小写,但function本身是小写,所以用func

《四》props只读不改

不能在类里面通过 this . props . name = ....... 进行修改

但可以进行运算

《五》props限制的简写方式

0142.png

《六》props与构造器

0143.png 写不写构造器取决于是否要在构造器里面使用 this . props

注意要用构造器传props,就要用 super 去接

《七》props 与函数组件

因为函数本身可以接收传递的参数,所以props一样可以用,也能进行属性限制啥的,但就不能写在函数里面了,需要写在函数外面,还想之前一样,在函数身上添加属性的限制

0144.png