React prop使用和传入限制、默认值

组件的props( props是一个对象 )

作用:接收传递给组件的数据
特点:
1、可以给组件传递任意类型的数据
2、props是只读的对象,只能读取属性的值,无法修改对象
3、注意:使用类组件时,如果写了构造函数,应该将props传递给super(),否则,无法在构造函数中获取到props

props 的使用

对props进行限制

一定要引入 prop-types.js 否则会报错

props限制总结:

1、限制规则使用Person.propTypes进行限制,有func(函数),string(字符串),number(数字类型),isRequired(不能为空)
2、设置默认值Person.defaultProps,进行props默认值的设置

你可能感兴趣的:(React prop使用和传入限制、默认值)