热门标签
热门文章
- 1[office] Excel公式的3种计算方式 #学习方法#笔记#职场发展
- 2ad禁止单层布线,禁止顶层布线_ad禁止布线层
- 3TensorFlow框架做实时人脸识别小项目（一）_用transflow做的项目
- 4处理高并发的六种方法_高性能并发处理
- 5STM32连接阿里云物联网平台
- 6【机器学习】详解回归（Regression）_regression leaner
- 7HardwareBuffer 的 shadow buffer_hardwarebuffer 的 shadow buffer是什么意思
- 8C++ std::move以及右值引用全面解析：从基础到实战，掌握现代C++高效编程
- 9基于axios封装request_axios accept-language
- 10基于R语言做决策树和随机森林(2)_partialplot
当前位置: article > 正文
react中props的属性值类型的设置与默认值的设置_reactive 属性添加默认类型
作者：IT小白 | 2024-02-06 16:07:48
赞
踩
reactive 属性添加默认类型
当父组件给子组件传值时通常以键值对的形式在引入子件的标签中为子组件传值,
而在子组件中使用该值时要使用this.props.xxx获取传来的值,但是有时父组件不传值的时候,我们还是希望会有一个默认值
于是就要在子组件的类中设置一个静态的属性,对象中为子组件设置默认值
static defaultProps={
xxx:yyy
}
- 1
- 2
- 3
当子组件接收父组件传来的值时,想确保数据的类型时就要用到props的数据类型校验
首先要安装包
//这个包是刚从react包中分离出来的,v.15之前是不需要另外安装prop-types包的
cnpm i prop-types
- 1
- 2
导入包,包中提供数据类型
import ReactTypes from 'prop-types'
- 1
static propTypes={
xxx:ReactTypes.number
}
- 1
- 2
- 3
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/63409
推荐阅读
相关标签
