title: 04-React组件(二):常见属性和函数 publish: true defaultProps 和 prop-types 使用 defaultProps 设置组件的默认值 React 中,使用静态的 属性,来设置组件的默认属性值。 格式举例: 使用prop-types进行props数据类型的校验 在组件中,可以通过 把外界传递过来的属性,做类型校验。如果类型不匹配,控制台会弹出告警。 注意:如果要为 传递过来的属性做类型校验,必须安装 React 提供的 第三方包,叫做 。 格式举例: 下方代码中,在引用组件的时候,如果类型不匹配: 控制台告警如下: 201902122130.png 代码举例 我们把 和 来举个例子。 (1)index.html: (2)main.