react 学习笔记二:ref、状态、继承

devtools/2024/10/18 18:17:51/

基础知识

1、ref

        创建变量时,需要运用到username = React.createRef(),并将其绑定到对应的节点。在使用时需要获取当前的节点;

        注意:vue直接使用里面的值,不需要再用this。

2、状态

        组件描述某种显示情况的数据,有组件自己设置和更改。

        setState:修改state的状态。

        注意:state是关键词。不能修改,赋值为一个对象。

        vue是想js一样,正常的定义就可以了,不需要再专门使用state,这里的state和pina,vuex的逻辑相似。

3、继承

        react使用构造函数,需要继承父级,所以需要使用super方法。

javascript">//state 关键字,是固定的constructor(){//继承super()}

遇到的问题

1、ReactDOM.render is no longer supported in React 18. Use createRoot instead.

解决方案:

2、Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".

总结

        react和vue之间有好多的相似之处,但又有些细微的差别。在学习中,成长吧!


http://www.ppmy.cn/devtools/22689.html

相关文章

React 语法

1、认识JSX JSX是一种JavaScript的语法扩展&#xff0c;可以用于描述UI界面&#xff0c;可以与JavaScript融合在一起使用 JSX的语法&#xff1a;const element <h2>Hello World</h2> 在 <script type"text/babel"> 时才可以这样写 2、为什么…

秋招后端开发面试题 - Java多线程(下)

目录 Java多线程前言面试题synchronized&#xff1f;作用&#xff1f;synchronized 怎么使用&#xff1f;构造方法可以用 synchronized 修饰吗&#xff1f;synchronized 底层原理了解吗&#xff1f;除了原子性&#xff0c;synchronized 可见性&#xff0c;有序性&#xff0c;可…

现代神经网络总结(AlexNet VGG GoogleNet ResNet的区别与改进)

VGG NIN GoogleNet 1.VGG&#xff0c;NIN&#xff0c;GoogleNet的块结构图对比(注意:无AlexNet) 这些块带来的区别与细节 AlexNet未使用块,主要对各个层进行了解: 卷积:捕捉特征 relu:增强非线性 池化层:减少计算量 norm:规范数据分布 全连接层:分类VGG块的改善(对比AlexNe…

数据库:实验二

一、实验2.1 数据查询 1、要求 以School数据库为例&#xff0c;在该数据库中存在四张表格&#xff0c;分别为&#xff1a; 表STUDENT(sid, sname, email, grade);表TEACHERS(tid, tname, email, salary);表COURSES(cid, cname, hour);表CHOICES(no, sid, tid, cid, score) 在…

数据库的嵌套查询(子查询),分组查询和统计查询—学生选课

学生选课数据库中的表的结构参考学生选课数据库的定义和维护 1.嵌套查询 1.1查询选修了数据库原理与应用课程的学生学号和姓名 SELECT sno 学号, sname 姓名 FROM student WHERE sno IN(SELECT snoFROM SCINNER JOIN Course c ON c.cno SC.cno AND c.cname 数据库原理与应…

Debezium分享系列之:Debezium2.6稳定版本SQLSerer数据库Debezium connector核心知识点

Debezium分享系列之:Debezium2.6稳定版本SQLSerer数据库Debezium connector核心知识点 一、综述二、snapshot.mode参数三、临时快照四、增量快照五、触发增量快照六、使用Kafka信令通道触发增量快照七、停止增量快照八、使用Kafka信令通道停止增量快照九、阻止快照十、读取变更…

38-1 防火墙了解

一、防火墙的概念: 防火墙(Firewall),也称防护墙,是由Check Point创立者Gil Shwed于1993年发明并引入国际互联网(US5606668 [A]1993-12-15)。它是一种位于内部网络与外部网络之间的网络安全系统,是一项信息安全的防护系统,依照特定的规则,允许或是限制传输的数据通过。…

数据处理——avi视频数据转png图片格式代码,mat转png图片格式代码,图片裁剪成固定大小代码。

avi2png 处理HMC-QU数据集记录&#xff0c;每一个avi视频&#xff0c;通过xlsx中记录的初始帧和结束帧进行帧转png&#xff0c;保存在以avi视频名为名的文件夹下。 import os import cv2 import pandas as pd# 输入文件夹路径 folder_path avidata# 输出文件夹路径 output_f…