react学习2

news/2024/10/22 11:38:19/

props基本用法,把属性自动保存到props里

简写:三点展开,展开运算符无法展开对象,但是三点外侧包裹花括号可以复制对象{...P}

 对props的属性进行限制

 首先需要引入prop-types.js包 

之后再去进行限制

 props是只读的,只允许读,不允许改

 props简写方式,使用static:

 

 函数式组件使用props,只有props可以使用函数式组件,其他都必须使用类式组件

函数式组件使用props也可以对props属性进行限制

 

 

refs,相当于原生里的id,id需要document.getElementById("id"),但是ref不用

 以上是字符串类型的ref,不推荐,效率不高

回调形式的ref,借用箭头函数,把标签挂到实例上(最常用的):

为避免重复调用,可以换下面这种写法,但是也无关紧要

 

 最新的api,使用createRef

 但是createRef,一个容器只能保存一个ref标签,一个myRef对应保存一个标签,通过this.myRef.current调用

 不要过度使用ref,当发生事件的元素正好是需要操作的元素时,可以使用event.target来操作

 

非受控组件(如form):现用现取

受控组件(如onClick):输入后可以把数据存入state,使用的时候直接从state里取

受控组件无需使用ref,更推荐使用受控组件(如onClick)

高阶函数 和 函数柯里化:

 

 


http://www.ppmy.cn/news/77040.html

相关文章

RHCE每日一讲

shell变量的4种赋值方法 第一种:直接赋值 格式为:变量名变量值。 直接赋值时禁止在 等号 两端添加空格。 namehahah echo $name # 输出 hahah 第二种:位置参数赋值方式 set -- a b c d age$1 echo $age a 第三种:利用命令…

css获取vue组件 props

一、在 CSS 中,无法直接获取 Vue 组件的 props 值。CSS 是用于描述样式的语言,而 Vue 组件的 props 是在 JavaScript/TypeScript 中进行处理和传递的。CSS 无法直接访问组件的 props。 如果你需要在 CSS 中使用组件的 props 值,你可以通过将…

95后字节八年测开晒出工资单:狠补了这个,真香···

最近一哥们跟我聊天装逼,说他最近从字节跳槽了,我问他跳出来拿了多少?哥们表示很得意,说跳槽到新公司一个月后发了工资,月入5万多,表示很满足!这样的高薪资着实让人羡慕,我猜这是税后…

【工业控制系统】工业控制系统安全简介第 2 部分

介绍 Purdue Enterprise Reference Architecture (PERA)、其他参考模型和安全 ICS 架构的最佳实践。 安全 ICS 架构的 Purdue 模型和最佳实践 在本系列的第一部分中,我们回顾了工业控制系统 (ICS) 的独特沿袭,并介绍了保护 ICS 的一些挑战。在第二部分中…

python+django+vue医院门诊挂号预约管理系统57wsx

开发语言:Python 框架:django/flask Python版本:python3.7.7 数据库:mysql 数据库工具:Navicat 开发软件:PyCharm 主要功能有:管理员功能:系统首页、个人中心、用户管理、医生管理…

数据的家——MySQL的数据目录

之前学过了行格式,在往上面是页,最上层的也就学到了页。 现在的数据目录是什么?这之间有什么关系呢?带着这个问题,来继续学习。 数据库和文件系统的关系是什么? InnoDB和MyISAMy 是把表存储在磁盘上面的…

[数据结构]时间复杂度和空间复杂度

目录 1. 算法效率 2. 时间复杂度 时间复杂度的概念大O的渐进表示法时间复杂度举例 3. 空间复杂度 空间复杂度举例 1. 算法效率 算法效率分析分为两种:第一种是时间效率,第二种是空间效率。时间效率被称为时间复杂度,而空间效率被称作 空…

风云4A卫星行列号和经纬度查找表文件下载及解析

FY-4A是中国自主研发的静止气象卫星,其在太阳同步轨道上运行,每天可以全天候、全球范围内获取高空大气和地表的红外、可见光、微波等多种信息,对天气、气候研究及预报有着重要的作用。 一、风云卫星官网 https://www.nsmc.org.cn/nsmc/cn/ho…